Youtube api 如何在本地从JSFIDLE运行保存的html?
我正在尝试在本地运行JSFIDLE代码,特别是以下代码: 我环顾四周,人们建议使用“/show”并保存页面,加载依赖项,但它在本地对我来说不起作用。我有jquery.1.8.3,我已经包含了它。但是“onYouTubeIframeAPIReady”从未被调用。我需要在本地运行它吗?这是我到目前为止的代码Youtube api 如何在本地从JSFIDLE运行保存的html?,youtube-api,youtube-javascript-api,Youtube Api,Youtube Javascript Api,我正在尝试在本地运行JSFIDLE代码,特别是以下代码: 我环顾四周,人们建议使用“/show”并保存页面,加载依赖项,但它在本地对我来说不起作用。我有jquery.1.8.3,我已经包含了它。但是“onYouTubeIframeAPIReady”从未被调用。我需要在本地运行它吗?这是我到目前为止的代码 <html> <head> <script type='text/javascript' src="jquery.js"></script> &
<html>
<head>
<script type='text/javascript' src="jquery.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){
// Add the API
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Register the player
var player;
onYouTubeIframeAPIReady = function() {
player = new YT.Player('ytplayer', {
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// Add some controls (they can't be called before onPlayerReady in real life)
$('#play').click(function() {
player.playVideo();
});
$('#pause').click(function() {
player.pauseVideo();
});
});
//]]>
</script>
</head>
<body>
<iframe class="video-frame" id="ytplayer" src="http://www.youtube.com/embed/RP4abiHdQpc?controls=0&showinfo=0&enablejsapi=1" frameborder="0"></iframe>
<button id="play">Play</button>
<button id="pause">Pause</button>
</body>
</html>
//onYouTubeIframeAPIReady=function(){
player=新的YT.player('ytplayer',{
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
可能正在调用onyoutubeiframeapiredy
,但存在错误,因为onPlayerReady
和onPlayerStateChange
未定义为函数
从JSFIDLE中复制两个缺少的函数,或者不要将它们作为事件包含。错误消息中可能指出了问题-同时确保在网络活动中查找非OK响应。对于初学者,我会使用外部CDN加载标准库,例如jQuery。@user2246674:您在说什么错误消息?是的,代码中有这些函数,这不是问题所在。我有这些函数。OnyOutubeiFrameAPReady从未被调用。会有什么问题?您能更新代码以显示所提到的两个函数吗?除此之外。。。我对tag.src=“//www.youtube.com/iframe_api”有点怀疑代码>缺少“https:”。是否将
添加到
中?