个人中心
gpt4 book ai didi

javascript - Youtube 嵌入式播放器工作 但不是 onload

转载 作者：行者123 更新时间：2023-11-30 20:19:16 27 4
gpt4 key购买 nike

我有一个播放器，下面有一个 for 循环计数器。

当我将窗口设置为 onload 时，for 循环有效，但 youtube 视频不显示。

http://jsfiddle.net/ajLg0wf9/

当我将窗口设置为 no wrap - bottom of <head> 时，youtube 播放器工作但 for 循环不工作。

http://jsfiddle.net/b8rha571/1/

解决这个问题的最佳方法是什么？

最佳答案

您需要将 youtube api 函数放在全局级别而不是在 onLoad 事件中，如下所示:

<script>
 var player;
 function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'wQxmK1CZwik',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
 }
 function onPlayerReady(event) {
    loopStart();
    player.playVideo();
 }
 function loopStart() {
    player.seekTo(7);   // Start at 7 seconds
 }
 function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        setTimeout(loopStart, 30000); // After 5 seconds, restart the loop
    }
 }

 document.addEventListener("DOMContentLoaded", function(event) {
  var button = document.getElementById("clickme"),
  count = 0;
  button.onclick = function() {
     count += 1;
     button.innerHTML = "Click me: " + count;
  };
 });
</script>

我不确定如何在 jsfiddle 中正确执行此操作，但这有效:http://jsfiddle.net/ajLg0wf9/10/

关于javascript - Youtube 嵌入式播放器工作 <no wrap> 但不是 onload，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51629131/

27 4 0
文章推荐： c - 将二维数组分配给 void*
文章推荐： c# - 如何使用带有 UWP 的 Web 帐户管理器获取用户个人资料图片
文章推荐： c++ - 遇到 if/else 问题
文章推荐： c# - 使用派生类类型作为基类泛型操作的参数
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com