我正在使用 AngularJS 开发一个 Web 应用程序,并且我正在使用一个指令来嵌入名为youtubeResponsive的响应式 Youtube 视频,它允许将视频嵌入到 iframe 中,并将视频 ID 作为源参数。
这一切都可以在桌面浏览器上完美运行,事实上我还设法嵌入了一个播放列表并循环播放。
我现在遇到的问题是在 Chrome Android 上,在 Nexus 5 设备(运行 Lollipop 最新更新)上嵌入的视频没有显示,而是我可以看到正在下载的通知。每次刷新时,我都会看到下载过程重新开始,但没有显示视频。如果我单击下载通知以查看文件,则没有任何反应。
当然,我的目标是在自动播放和循环活动的情况下在移动设备上显示视频。
我可以看到使用 USB 调试在移动设备上检查页面的输出 (chrome://inspect/#devices)
<iframe id="ytplayer" type="text/html" width="100%" height="202.5" ng-src="http://www.youtube.com/v/ZhfUv0spHCY?version=3&autoplay=1&loop=1&controls=0&showinfo=0&rel=0&wmode=opaque" frameborder="0" allowfullscreen="" video-slug="ZhfUv0spHCY" class="ng-isolate-scope" src="http://www.youtube.com/v/ZhfUv0spHCY?version=3&autoplay=1&loop=1&controls=0&showinfo=0&rel=0&wmode=opaque"></iframe>
除了我可以在桌面上看到的相同警告外,我在移动设备上看不到任何错误,这显然没有阻止视频至少在那里播放。
Resource interpreted as Document but transferred with MIME type application/x-shockwave-flash:
"https://www.youtube.com/v/ZhfUv0spHCY?version=3&autoplay=1&loop=1&controls=0&showinfo=0&rel=0&wmode=opaque".
有人在 Android Chrome 或其他移动设备和操作系统上遇到过同样的问题吗?
我还没有开始在 AOSP 或 iOS 上进行测试,但已经在 Chrome 上,这个问题非常令人担忧。让我知道是否有人设法修复它。