如何解决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 举报,一经查实,本站将立刻删除。