Question

我已经成功地将Popcorn.js与YouTube视频一起使用了一段时间。从最近开始，在移动浏览器上（在我的情况下在iPad 2上），“播放”按钮不会像过去那样出现。视频将开始加载，你可以看到标题，但是然后你会得到一个黑色的屏幕，中间有一个微小的白点，而不是一个突出的“播放”按钮。检查源代码后，iFrame视频包装器中的视频似乎正在拾取一种CSS样式，使视频的高度为1px。

如果按下那个几乎不可见的点，视频就会播放，Popcorn代码也能正常运行。这几乎是一个交易破坏者。也许这是YouTube的事情，而不是Popcorn.js的事情，但我只是在寻找方向。

根据一个Popcorn.js示例，查看这个简单的jsfiddle，例如：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();

Answer 1

这是在ipad上打破它的自动播放。

在

中

/popcorn-js/wrappers/youtube/popcorn.HTMLYouTubeVideoElement.js

onPlayerReady函数中的

（第108行附近）为autoseek＆amp; amp;静音初始加载。该功能中的player.playVideo();会将其分解为iPad，因为youtube API不允许在iPad上进行自动播放。它应该始终以用户交互开始

如果您对player.playVideo();行发表评论（对我而言）。

我不确定这是否打破了其他事情。我会看看我是否可以在爆米花中提出这个问题。

Answer 2

我经常设置＆＃34;控件＆＃34; param to 2受益于速度提升，但在PopcornJS中，它往往会引起问题。尝试强制你的＆＃34;控制＆＃34; param to＆＃34; 1＆＃34;。

<强> http://www.youtube.com/watch?v=videoid&controls=1

popcorn.js：在移动浏览器上youtube“播放”按钮不会出现

2 个答案: