Question

要嵌入播放列表，我使用以下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后面的参数（例如＆amp; v = 60MQ3AG1c8o）来加载例如第二个分享视频提议。有没有办法，加载播放列表的特定视频。因此，用户可以直接使用第二个视频开始并继续使用常规播放列表。

如果您有更好的想法在网络应用程序上展示视频播放列表，请告诉我们。

我遇到的第二个问题是，在iOS或Android上无法在移动浏览器中播放YouTube播放列表。是否有任何已知的解决方法，以使移动设备成为可能？

谢谢。

Answer 1

我们可以将videoseries替换为视频ID，例如0-7IHOXkiV8：

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

Answer 2

如果您使用的是完整的YouTube播放器API，则可以加载播放列表并从特定位置开始，而不仅仅是<iframe>标记。这是一个例子（jsfiddle version）：

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
    });
}

应该工作，但现在不行;我将跟进YouTube播放器工程团队，了解为什么它没有在索引为4的视频上开始播放。

Answer 3

这个答案包含了另一个答案的小提琴副本，因为有些人无法打开链接。

<!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>

YouTube播放列表 - 更改启动视频+移动支持

3 个答案: