3

使用下面的代码，Youtube Iframe API 不会在 iPad（iPad（第三代））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

4

2 回答 2

0

只是为了一个建议，你必须通过这个播放器一次。它对我来说播放 youtube 视频工作正常。

于 2013-12-30T09:34:59.587 回答
0

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

wvVideo.setWebChromeClient(new WebChromeClient());

于 2015-07-24T05:26:00.123 回答