19

YouTube の特定の動画については、任意の iOS デバイスで http://youtube.com/watch?v=[code] にアクセスして動画を表示できます。

ただし、http://youtube.com/embed/[code] URL を使用すると (たとえば、ページの iframe やColorboxモーダルで)、iOS では再生されません。

たとえば、次のようなコードを使用する場合:

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">

次のエラーが表示されます。

お使いのブラウザは現在、利用可能なビデオ形式を認識していません。ここをクリックして、HTML5 ビデオに関するよくある質問をご覧ください。

さらにひどいことに、リンクは iOS ではクリックできないので、どのページに移動するのかわかりません。YouTube に HTML5 ページがありますが、特に役立つことや驚くべきことは何も書かれていません。

iOS で期待どおりに機能する iframe 埋め込みに使用できる構文はありますか?

4

4 に答える 4

24

これを試してください、それはうまくいきます：

<object>
    <param name="movie" value="http://www.youtube.com/v/[VIDEO_ID]"></param>
    <embed src="http://www.youtube.com/v/[VIDEO_ID]" type="application/x-shockwave-flash"></embed>
</object>

編集：Appleがhtmlタグをyoutubeビデオを再生できる埋め込みネイティブムービープレーヤーに置き換えるため、機能します。

于 2012-06-30T00:56:43.970 に答える
2

MediaElement.jsの使用を検討してください。ios で html5 として表示するために youtube ビデオをラップし、他のデバイス/ブラウザー タイプのフラッシュ フォールバックを使用できます。

ソースと共に提供されるデモの 1 つがこれを示しており、かなり単純です。

<video width="640" height="360" id="player1">
    <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video>

<script>
    $('video').mediaelementplayer({
        success: function(media, node, player) {
            $('#' + node.id + '-mode').html('mode: ' + media.pluginType);
    }
    });
</script>
于 2012-08-08T01:44:00.033 に答える