0

プレイリストを埋め込むには、次の HTML コードを使用します。

<iframe src="http://www.youtube-nocookie.com/embed/videoseries?list=PLcld7bnZTdpiTel3p6QbXKIb5i5Wontd0&autoplay=1&iv_load_policy=3&hl=de_DE" width="1280" height="720" frameborder="0" allowfullscreen></iframe>

残念ながら、たとえばプレイリストの指定されたビデオ ID によって開始する方法はありません。YouTube は、再生リスト ID の後ろにパラメーター (&v=60MQ3AG1c8o など) を使用して、たとえば共有用の 2 番目の動画を読み込みます。プレイリストの特定のビデオをロードする方法はありますか。したがって、ユーザーは、たとえば、2 番目のビデオから直接開始して、通常のプレイリストを続行することができます。

ビデオ プレイリストを Web アプリケーションに表示するためのより良いアイデアがあれば、お知らせください。

2 番目の質問/問題は、iOS または Android ではモバイル ブラウザーで YouTube プレイリストを再生できないということです。モバイル デバイスでこれを可能にする既知の回避策はありますか?

ありがとうございました。

4

3 に答える 3

0

<iframe>タグだけではなく完全な YouTube Player API を使用すると、プレイリストを読み込んで特定の位置から開始することができます。例を次に示します ( jsfiddle バージョン)。

var player;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'videoseries',
        events: {
            onReady: loadPlaylist
        }
    });
}

function loadPlaylist() {
    player.loadPlaylist({
        list: "PLhBgTdAWkxeCMHYCQ0uuLyhydRJGDRNo5",
        listType: "playlist",
        index: 4
    });
}

それはうまくいくはずですが、今はそうではありません。インデックス 4 の動画で再生が開始されない理由について、YouTube プレーヤー エンジニアリング チームに連絡する予定です。

于 2013-09-17T01:40:15.130 に答える
0

リンクを開けない人もいるため、この回答には他の回答からのフィドルのコピーが含まれています。

<!DOCTYPE html>
<html>
    <head>
        <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
        <title>
            YT video player
        </title>
        <script src="https://www.youtube.com/iframe_api"></script>

        <script type='text/javascript'>
var player;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'videoseries',
        events: {
            onReady: loadPlaylist
        }
    });
}

function loadPlaylist() {
    player.loadPlaylist({
        list: "PLhBgTdAWkxeCMHYCQ0uuLyhydRJGDRNo5",
        listType: "playlist",
        index: 4
    });
}
        </script>
    </head>
    <body>
          <div id="player"></div>
    </body>
</html>
于 2013-09-19T16:32:32.457 に答える