2

一段时间以来，我一直在成功地使用 Popcorn.js 和 YouTube 视频。从最近开始，在移动浏览器（在我的 iPad 2 上）上，“播放”按钮不再像过去那样出现。视频将开始加载，您可以看到标题，但随后出现的不是突出的“播放”按钮，而是黑屏，中间有一个微小的白点。检查源代码后，iFrame 的视频包装器中的视频似乎采用了一种 CSS 样式，该样式使视频的高度为 1px。

如果你按下那个几乎看不见的点，视频就会播放，爆米花代码也会正常执行。这几乎是一个交易破坏者。也许这是 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();
4

2 回答 2

0

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

在里面

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

在onPlayerReady函数中（大约第 108 行），为初始加载的自动搜索和静音完成了一些技巧。player.playVideo();由于 youtube API 不允许在 iPad 上自动播放，该函数中的in 该函数会破坏 iPad。它应该始终从用户交互开始

如果您评论该player.playVideo();行（对我来说）。

我不确定这是否会破坏其他事情。我会看看我是否可以在爆米花上提出一个关于这个的问题。

于 2013-12-21T01:45:53.847 回答
0

我经常将“控制”参数设置为 2 以从速度提升中受益，但在 PopcornJS 中，它往往会导致问题。尝试将您的“控制”参数强制为“1”。

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

于 2014-06-16T17:53:50.730 回答