jquery - Youtube Player Iframe,在 Firefox 上没有视频的声音

标签 jquery html iframe video youtube

我正在使用 YT Player API 在 slider 内创建多个 iframe youtube 视频,第一个视频在“onYouTubeIframeAPIReady”之后调用,当我单击正常工作的下一个按钮时,下一个视频会出现。 但是当我尝试在 firefox 上播放视频时,有些视频会变黑,只有声音, 我发现视频与黑屏一起尝试使用 flash 而不是 html5 功能。 有时它可以工作,但我无法控制视频停止它。

链接在下面 http://www.thesevenlayers.net/mi7/slider.html?sec=&node=17

最佳答案

在处理这个问题 2 天后,我发现问题出在哪里。

我在滑动内容时使用了危险的 Swiper。

idangerous Swiper 使用 CSS3 转换阻止显示 YouTube 视频的控件,也阻止它的全屏选项。

.swiper-container 上设置 backface-visibility 属性将阻止 .swiper-wrapper 类上的全屏转换 CSS 阻止youtube 的控件并导致许多其他问题,如黑屏、音频播放没有视频等...

所以我认为如果你想正常播放 youtube 视频,你应该考虑更换危险的 Swiper。

关于jquery - Youtube Player Iframe,在 Firefox 上没有视频的声音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19680139/

相关文章:

javascript - 文本/形状内斜 Angular 效果

javascript - 像在 iOS 7 或 Windows 7 中一样创建牛奶玻璃效果

html - 固定缩略图大小并保持图像的纵横比? - Bootstrap 4

javascript - 第二次加载后运行函数

javascript - 颜色框 iframe 调整大小

javascript - 使用 jQuery 将 HTML 附加到 iframe

javascript - 折叠时的 Bootstrap NavBar 无法打开

html - Bootstrap 列的高度定义为行宽度的百分比

javascript - 为什么我的 iframe 的 contentEditable 会被重置?

jquery - 默认显示值的多个下拉列表的数据绑定(bind)