1

私はYouTube用のJSAPIを使用しており、ビデオプレーヤーを表示するために、次のように、ドキュメントでembedSWFの使用がGoogleによって推奨されています。

  <script type="text/javascript" src="swfobject.js"></script>    

  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">

    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer&version=3","ytapiplayer", "425", "356", "8", null, null, params, atts);

  </script>

これは私のコンピューターとAndroidデバイスでは正常に機能しますが、iOSではytapiplayer divは埋め込みプレーヤーにならず、代わりに元のコンテンツを表示します。つまり、Flashプレーヤー8以降とJSが必要であるというエラーメッセージが表示されます。

これをiOSで動作させることは可能ですか？もしそうなら、どのように？

前もって感謝します！

4

2 に答える 2

3

たぶん、新しいYouTube iframe Player APIを試す必要がありますか？https://developers.google.com/youtube/iframe_api_reference

Flashを気にせずにモバイルデバイスで動作します。埋め込みの例：

<script type="text/javascript" src="//www.youtube.com/iframe_api"></script>

function onYouTubePlayerAPIReady() {
    var videoBox = document.getElementById('video1');
    videoBox.ytplayer = new YT.Player(videoBox, {
        videoId: 'kXDiGtgPL6E',
        playerVars: {
            //controls: 0,
            wmode:'transparent'
        },
        height: '200',
        width: '320'
    });
}
于 2012-10-09T11:58:03.160 に答える
0

私は数ヶ月前にプロジェクトのためにこれを正確に行いました...

あなたが持っているものと非常によく似たJavascript：

<script type="text/javascript" src="js/swfobject.js"></script>
        <script type="text/javascript">
            var flashvars = {};
                flashvars.youTubeVideo = "VitQwgsBq-w";
                flashvars.controllerAlign = "top";
                flashvars.queTo = "0";
                flashvars.controlBarAlpha = ".3";
            var params = {};
            var attributes = {};
                swfobject.embedSWF("images/youTubeLoader.swf", "youTubeDiv", "250px", "200px", "9.0.0", false, flashvars, params, attributes);
</script>

swfobject.jsが行うことは、「youTubeDiv」という名前のHTML divを探し、そのすべてのコンテンツをSWFyoutubeプレーヤーに置き換えることです。

（私はこれをb / cで行いましたが、iframeソリューションには私が取り組んでいたHTML5プロジェクトでz-indexの問題がありました）

今HTML：

    <div id="youTubeDiv">
            <iframe width="250px" height="200px" src="http://www.youtube.com/embed/VitQwgsBq-w" frameborder="0" allowfullscreen></iframe>
    </div>
于 2012-10-09T12:44:00.027 に答える