jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery:将wmode设置为Youtube视频以进行z-index处理大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我这样做:

//z-index of flash objects
$('object').prepend('<param name="wmode" value="opaque">');
$('object embed').attr('wmode','opaque');

所以,当我在我的页面上检查youtube视频时,它说:

<object width="500" height="281">
<param name="wmode" value="opaque">
<param name="movie" value="http://www.youtube.com/v/KUi32-suXjY?version=3&amp;feature=oembed">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/KUi32-suXjY?version=3&amp;feature=oembed" type="application/x-shockwave-flash" width="500" height="281" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></object>

我的页面上有固定位置和z-index的可拖动对象:9999.但是我没有任何改变让youtube视频留在这个对象后面.即使我设置了wmode,youtube视频也始终位于顶部.

知道我在这里做错了吗?

解决方法

<param name="wmode" value="transparent">

或者你可以使用新的youtube方法嵌入视频它就像:

<iframe class="youtube-player" type="text/html" width="481" height="295" src="http://www.youtube.com/embed/HgLviEa0YHo?wmode=transparent" frameborder="0"> </iframe>

它与wmode属性一起使用.

大佬总结

以上是大佬教程为你收集整理的jQuery:将wmode设置为Youtube视频以进行z-index处理全部内容,希望文章能够帮你解决jQuery:将wmode设置为Youtube视频以进行z-index处理所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。