首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >爆米花JS -在iPad或iOS设备上通过Youtube使用爆米花

爆米花JS -在iPad或iOS设备上通过Youtube使用爆米花
EN

Stack Overflow用户
提问于 2012-05-15 01:18:28
回答 3查看 2.4K关注 0票数 2

我正在使用popcornjs加载一个来自youtube的互动视频。当我使用文档中的代码时:

代码语言:javascript
复制
<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时,它似乎工作得很好。

我能做什么?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-05-16 04:55:13

不幸的是,ipad不支持Flash。我们正在与爆米花进行切换到他们的HTML5接口的工单,你可以在这里查看:

https://webmademovies.lighthouseapp.com/projects/63272/tickets/329-support-youtube-html5-api-playback-engine

希望这对你有帮助,布雷特

票数 3
EN

Stack Overflow用户

发布于 2017-05-20 17:34:23

尝试使用智能媒体包装:

var示例= Popcorn.smart( '#video','http://www.youtube.com/watch?v=CxvgCLgwdNk‘);

代码语言:javascript
复制
 // 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

所以,我想应该有人想出更具体的答案

票数 0
EN

Stack Overflow用户

发布于 2017-12-10 23:51:45

在您的代码中编辑此文件:

https://github.com/mozilla/popcorn-js/blob/master/wrappers/youtube/popcorn.HTMLYouTubeVideoElement.js

在第117行注释onPlayerReady()的主体部分,如果是iPad,则在此函数中添加以下语句。

代码语言:javascript
复制
addYouTubeEvent("play", onFirstPlay);
playerReady = true;
mediaReady = true; 
player.mute();

原因: iPad上的Youtube需要用户交互,你不能以编程方式启动它,而且由于player.isMuted()方法在iPad的情况下返回false,所以addYouTubeEvent("play", onFirstPlay)语句永远不会被调用。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10588070

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档