我正在使用youtube播放器javascript API自定义视频播放器:
<html>
<head>
</head>
<body>
<iframe src="http://www.youtube.com/v/M7lc1UVf-VE?version=3&enablejsapi=1" frameborder="0"></iframe>
<script type="text/javascript" charset="utf-8">
function onYouTubePlayerReady(){
console.log('done')
}
</script>
</body>
</html>
done
未在控制台中打印,我缺少什么?
你必须包含 iframe javascript 库;一旦注入,它将自动调用一个名为 onYouTubeIframeAPIReady 的函数。在该函数中,您将创建一个绑定到 iframe 的播放器对象,它可以具有事件侦听器(例如在播放器准备就绪时通知您)。像这样:
<html>
<head>
</head>
<body>
<iframe id="player" src="http://www.youtube.com/v/M7lc1UVf-VE?version=3&enablejsapi=1" frameborder="0"></iframe>
<script type="text/javascript" charset="utf-8">
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', {
events: {
'onReady': onYouTubePlayerReady
}
});
}
function onYouTubePlayerReady(){
console.log('done');
}
</script>
</body>
</html>