我正在使用 AJAX 动态更改我的 Youtube 视频的视频 ID。我的 AJAX 调用几乎是即时的,但我注意到在 Youtube 上触发我的请求以获取我的下一个视频的内容时存在延迟。因此,我想在等待 Youtube 的响应时隐藏我的 Youtube 播放器。
我的问题是如何通过 JavaScript 检测我的 Youtube 视频何时完成加载?
<iframe id="ytplayer" class="hide" type="text/html" width="840" height="470" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen>
编辑 - 我的 AJAX 是如何工作的:
当用户点击我网站上的视频按钮时,会出现一个模式。我的 AJAX 在模式加载时从我的数据库中提取视频 ID,并修改 #ytplayer
的 src 属性以包含此视频 ID。然后模态呈现在页面上,但我仍在等待 Youtube 的响应。
最佳答案
不确定您是如何加载它的,但是 AJAX 确实有一个 native 回调:
$.ajax({
url: 'myYouTubeData.html',
success: function(){
alert('success');
},
error: function(){
alert('failure');
}
});
关于javascript - Youtube - 检查视频何时加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15260221/