如何从本地运行jsfiddle中保存的html?
问题描述:
我试图在本地运行的jsfiddle代码,特别是这一个: http://jsfiddle.net/BAqTe/如何从本地运行jsfiddle中保存的html?
我环顾四周,人们建议使用“/秀”并保存页面,加载的依赖,但它不” t本地工作的我。我有jquery.1.8.3,我已经包括它。然而,“onYouTubeIframeAPIReady”永远不会被调用。我需要在本地运行它吗?这是迄今为止我的代码。
<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 = new YT.Player('ytplayer', {
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
onYouTubeIframeAPIReady
很可能被调用,但也有错误,onPlayerReady
和onPlayerStateChange
没有定义的功能。
从jsfiddle中复制两个缺失的函数,或者不要将它们包括为事件。
问题可能出现在错误信息中 - 也请确保在网络活动中查找非正常响应。对于初学者,我会使用外部CDN来加载标准库,比如jQuery。 – user2246674 2013-04-25 00:31:44
@ user2246674:你在说什么错误信息? – Aravind 2013-04-25 00:49:55