2013-09-16 51 views
0

嵌入播放列表,我用下面的HTML代码:的YouTube播放列表 - 更改启动视频+移动支持

<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)来加载例如第二个视频分享建议。 有没有办法,加载播放列表的特定视频。因此,用户可以直接从第二个视频开始,然后继续播放常规播放列表。

如果您有更好的想法在Web应用程序上呈现视频播放列表,请让我知道。

我得到的第二个问题是,iOS或Android无法在移动浏览器中播放YouTube播放列表。有没有已知的解决方法,使移动设备成为可能?

谢谢。

回答

0

如果您使用完整的YouTube播放器API而不是标记,则可以加载播放列表并从特定位置开始播放。下面是一个例子(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的视频中开始播放。

+0

添加该功能loadPlaylist()不工作,我在Chrome和Firefox。它开始播放该播放列表的第5个视频。当播放列表索引将从0开始时似乎是正确的。 – Als

+0

我将尝试loadPlaylist()函数! 任何想法使其在移动Chrome和Safari上工作? – Fabian

+0

好的,它实际上只有在HTML5播放时才会被破坏。当您使用Flash播放时,它可以正常工作。它仍然需要修复。 –

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

我们可以与视频ID替换videoseries与启动,像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>