Popcorn.js:手机浏览器YouTube "play"按钮不显示

popcorn.js: on mobile browser youtube "play" button does not appear

本文关键字:quot play 按钮 显示 js 浏览器 YouTube Popcorn 手机      更新时间:2023-09-26

我已经成功地使用爆米花.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