Popcorn.js:手机浏览器YouTube "play"按钮不显示
popcorn.js: on mobile browser youtube "play" button does not appear
我已经成功地使用爆米花.js与YouTube视频一段时间了。从最近开始,移动浏览器(在我的iPad 2上)的"播放"按钮不再像以前那样出现。视频将开始加载,你可以看到标题,但然后不是一个突出的"播放"按钮,而是一个黑屏,中间有一个很小的白点。检查源代码后,似乎视频内部的iFrame的视频包装正在挑选一个CSS样式,使视频的高度为1px。
如果你按下那个几乎不可见的点,视频将播放,Popcorn代码将执行良好。这几乎是一个交易破坏者。也许这是YouTube的事,而不是爆米花。js的事,但我只是在寻找方向。
请看下面这个基于Popcorn.js示例的简单示例:http://jsfiddle.net/Nzhpa/1/
代码:var pop = Popcorn.smart("#container", "http://youtu.be/vDvmsTECAk4");
pop.footnote({
start: 1,
end: 5,
text: "Works with youtube!",
target: "footnote-div"
});
pop.play();
这是ipad的自动播放功能。
/popcorn-js/wrappers/youtube/popcorn.HTMLYouTubeVideoElement.js
在onPlayerReady
函数(第108行左右)中,为自动查找&初始加载静音。该函数中的player.playVideo();
为iPad打破了它,因为youtube API不允许在iPad上自动播放。它应该总是以用户交互
如果你注释player.playVideo();
行,它工作(对我来说)。
我不确定这是否会破坏其他东西。
我经常将"controls"参数设置为2以受益于速度提升,但在PopcornJS中,它往往会导致问题。试着强迫你的"controls"参数为"1"。
http://www.youtube.com/watch?v=videoid&控制= 1
相关文章:
- 铬:“;未捕获的语法错误:意外的标记:"
- 可以设置“;文件名"发生错误时显示的内联脚本标记的
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 使用Scala Play Framework视图中的键检索映射值
- 使用“+="操作人员
- //而不是在src=“”上使用http://"属性
- "未捕获的语法错误:意外的标记}"
- 可以<脚本类型=“;text/javascript”>window.location=“/"</
- "实例范围”;TypeScript类的getter/setter
- Javascript复选框函数:;缺少:在属性id之后"
- "“;变量未引用正确的对象
- "日期“;AJAX请求返回的类型值未定义
- 得到"TypeError:无法读取属性'filename'未定义的“;调用“npm start
- Soundcloud api"未捕获的类型错误:无法读取属性'uri'“未定义”;
- "工具提示"jQuery插件坏了
- "锻造;React中的表达式
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 如何提取“;href"最近列表项中的属性值
- CKEditor如何允许href="javascript:void(0)"在小部件中