微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Youtube的iframe嵌入掩盖了html元素

如何解决Youtube的iframe嵌入掩盖了html元素

|| 我一直在示例网站顶部的工具栏上进行操作: http://theplagueround.com/dev/ 但它被隐藏在任何youtube视频内容的后面。我看过一两个关于向标签添加参数的文章,但是youtube现在也使用iframe,因此不适用。     

解决方法

要在工具栏后面显示Youtube视频,您应该在网址末尾添加参数wmode = transparent。 所以改变这个:
<iframe width=\"425\" height=\"349\" 
    src=\"http://www.youtube.com/embed/H1Opn4DS88k\" 
    frameborder=\"0\" allowfullscreen></iframe>
对此:
<iframe width=\"425\" height=\"349\" 
    src=\"http://www.youtube.com/embed/H1Opn4DS88k?wmode=transparent\"     
    frameborder=\"0\" allowfullscreen></iframe>
更多内容: http://www.brandondawson.org/web-design/new-youtube-iframe-embed-code-wmodetransparent 如果您不想将HTML硬编码到帖子中,则应使用@Tubal Martin提供的插件。这样做的好处是,如果Youtube将来更新其嵌入代码,则只需要将插件升级到最新版本。     ,您可能想尝试一下我的适用于Youtube的插件(到目前为止有4000多次下载):Youtube简码 没有设计问题的报告。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。