YouTube html5 播放列表在 IE9 中不起作用答案

【问题标题】：YouTube html5 playlists not working in IE9YouTube html5 播放列表在 IE9 中不起作用
【发布时间】：2012-12-01 21:25:14
【问题描述】：

我正在为 youtube 视频创建自定义 html5 播放器。我基于 YouTube iframe API (https://developers.google.com/youtube/iframe_api_reference) 中的示例。只要我在网络服务器上查看它，所有用于暂停/播放/停止的 javascript 控件在 Chrome/FF/IE9 中都可以正常工作，但播放列表中的上一个视频/播放列表控件中的下一个视频仅适用于 Chrome 和 FF。在 IE 中，我收到“此视频当前不可用”（播放列表中的第一个视频仍然可以正常播放）。如果我尝试使用其 ID (loadVideoById) 切换到特定视频，也会发生这种情况。

我可以在视频顶部的信息栏中看到，当我点击“播放列表中的下一个视频”后，它会循环播放所有视频的名称 - 我假设它会尝试播放每个视频但失败了。

如果我尝试单独播放播放列表中的任何一个视频，都可以正常播放。

当我通过控制台/警报/无论如何返回播放列表中所有视频的数组时，预期的一切都在那里。代码如下：

<!doctype html>
<html>
    <head>
        <title>custom youtube player</title>
    </head>
    <body>
        <div id="player"></div>
        <br/>
        <a onclick="player.playVideo();" href="#">play</a>
        <br/>
        <a onclick="player.pauseVideo();" href="#">pause</a>
        <br/>
        <a onclick="player.stopVideo();" href="#">stop</a>
        <br/>
        <a id="playPrev" onclick="player.previousVideo();" href="#">previous video in playlist</a>
        <br/>
        <a id="playNext" onclick="player.nextVideo();" href="#">next video in playlist</a>
        <script type="text/javascript">
            var tag = document.createElement('script');
            tag.src = "//www.youtube.com/iframe_api";
            var firstScriptTag = document.getElementsByTagName('script')[0];
            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
            var player;
            function onYouTubeIframeAPIReady() {
                player = new YT.Player('player', {
                    height: '390',
                    width: '640',
                    playerVars: { 'showinfo': 1, 'controls': 1},
                    videoId: 'ZrG0WsDuriM',
                    events: {
                        'onReady': onPlayerReady
                    }
                });
            }
            function onPlayerReady(event) {
                event.target.playVideo();
                event.target.loadPlaylist({listType: 'playlist', list: 'PL8D3EFFBB747B9769', suggestedQuality: 'small'});
            }
        </script>
    </body>
</html>

【问题讨论】：

标签： javascript html youtube embed playlists

【解决方案1】：

对于发现此问题的任何人，此问题显然是 YouTube 方面的一个错误，并且似乎已经得到解决。

【讨论】：

【解决方案2】：

你还应该用 CDATA 包装你的 javascript 代码

<![CDATA[
// js goes here
]]>

【讨论】：