youtube-iframe-api - Youtube Iframe api 在 ipad 上无法始终如一地工作-6ren

youtube-iframe-api - Youtube Iframe api 在 ipad 上无法始终如一地工作

转载作者：行者123 更新时间：2023-12-04 00:12:40

使用下面的代码，Youtube Iframe API 无法在 iPad(iPad(第 3 代))safari 上始终如一地加载视频。它在 iPad 上的前几次运行良好。当我使用 tab 键加载另一个视频时，它会正确交换预告片图像。但是点击播放按钮，第三次、第四次以后就没有反应了。在桌面浏览器上它工作正常。任何人都可以建议我可能错在哪里或更好的方法。

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