2

私は 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 を使用せずに正常に動作するようです。

私に何ができる？

4

3 に答える 3

3

残念ながら、iPad は Flash をサポートしていません。Popcorn では、HTML5 API に切り替えるためのチケットが進行中です。こちらで確認できます。

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

お役に立てば幸いです、ブレット

于 2012-05-15T20:55:12.967 に答える