Question

使用下面的代码，Youtube Iframe API无法在iPad（iPad（第3代））Safari上持续加载视频。它在iPad上的前几次工作正常。当我选择加载另一个视频时，它会正确地交换前贴片广告。但点击播放按钮不会在第三次，第四次以后做出反应。在桌面浏览器上它工作正常。任何人都可以建议我可能出错的地方或更好的方法。

<!DOCTYPE html>

<div id="player"></div>

<script>
    var tag = document.createElement('script');

    tag.src = "https://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',
            videoId: 'M7lc1UVf-VE'
        });
    }

    function loader(vid) {
        player.cueVideoById(vid, 5, "large");
    }      
</script>

<ul>
    <li><a href="javascript:void(0);" onclick="loader('eX0Iy93nqKs');"><img src="http://i1.ytimg.com/vi/eX0Iy93nqKs/default.jpg" />One</a></li>
    <li><a href="javascript:void(0);" onclick="loader('aYsGwLWqWI4');"><img src="http://i1.ytimg.com/vi/aYsGwLWqWI4/default.jpg" />Two</a></li>
    <li><a href="javascript:void(0);" onclick="loader('Vlkrm8nLCJo');"><img src="http://i1.ytimg.com/vi/Vlkrm8nLCJo/default.jpg" />Three</a></li>
</ul>

示例代码在这里。 http://jsfiddle.net/AQsZL/

编辑：可能与此问题有关https://groups.google.com/forum/#!topic/youtube-api-gdata/EDqVaT5AMYk

Answer 1

只是提出建议，您必须经过this player一次。我可以播放YouTube视频。

Answer 2

不确定它是如何在iOS上完成的。在android中有同样的问题，将webview设置为WebChromeClient有帮助。

wvVideo.setWebChromeClient（new WebChromeClient（））;

Youtube iframe api在ipad上不能正常工作

2 个答案: