我正在使用popcornjs加载一个来自youtube的互动视频。当我使用文档中的代码时:
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling the Youtube player plugin
var example = Popcorn.youtube(
'#video',
'http://www.youtube.com/watch?v=CxvgCLgwdNk' );
// add a footnote at 2 seconds, and remove it at 6 seconds
example.footnote({
start: 2,
end: 6,
text: "Pop!",
target: "footnotediv"
});
// play the video right away
//example.play(); => commented because you can't autoplay on ios
}, false);
</script>
</head>
<body>
<div id="video" style="width: 360px; height: 300px;" ></div>
<div id="footnotediv"></div>
</body>
</html> 它在任何浏览器上看起来都很完美,但在iPad上什么都不显示。当我用爆米花加载视频,但没有使用Youtube时,它似乎工作得很好。
我能做什么?
发布于 2012-05-16 04:55:13
不幸的是,ipad不支持Flash。我们正在与爆米花进行切换到他们的HTML5接口的工单,你可以在这里查看:
希望这对你有帮助,布雷特
发布于 2017-05-20 17:34:23
尝试使用智能媒体包装:
var示例= Popcorn.smart( '#video','http://www.youtube.com/watch?v=CxvgCLgwdNk‘);
// add a footnote at 2 seconds, and remove it at 6 seconds
example.footnote({
start: 2,
end: 6,
text: "Pop!",
target: "footnotediv"
});
// play the video right away
//example.play(); => commented because you can't autoplay on ios
}, false);我也面临着这个问题,Youtube的爆米花在iPad中不起作用。但有趣的是,我发现了一个使用爆米花youtube的网站,它在iPad上运行良好
链接:
http://www.retn.org/show/south-burlington-school-board-meeting-october-2-2013
所以,我想应该有人想出更具体的答案
发布于 2017-12-10 23:51:45
在您的代码中编辑此文件:
在第117行注释onPlayerReady()的主体部分,如果是iPad,则在此函数中添加以下语句。
addYouTubeEvent("play", onFirstPlay);
playerReady = true;
mediaReady = true;
player.mute();原因: iPad上的Youtube需要用户交互,你不能以编程方式启动它,而且由于player.isMuted()方法在iPad的情况下返回false,所以addYouTubeEvent("play", onFirstPlay)语句永远不会被调用。
https://stackoverflow.com/questions/10588070
复制相似问题