如何从本地运行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> 
+0

问题可能出现在错误信息中 - 也请确保在网络活动中查找非正常响应。对于初学者,我会使用外部CDN来加载标准库,比如jQuery。 – user2246674 2013-04-25 00:31:44

+0

@ user2246674:你在说什么错误信息? – Aravind 2013-04-25 00:49:55

onYouTubeIframeAPIReady = function() { 
    player = new YT.Player('ytplayer', {  
        events: { 
     'onReady': onPlayerReady, 
'onStateChange': onPlayerStateChange 
          } 
         }); 
         } 

onYouTubeIframeAPIReady很可能被调用,但也有错误,onPlayerReadyonPlayerStateChange没有定义的功能。

从jsfiddle中复制两个缺失的函数,或者不要将它们包括为事件。

+0

是的代码有这些功能,这不是问题。我有这些功能.onYouTubeIframeAPIReady永远不会被调用。可能是什么问题? – Aravind 2013-04-25 12:20:57

+0

你可以更新你的代码来显示提到的两个功能吗?除此之外...我对“tag.src =”//www.youtube.com/iframe_api“;'缺少'https:'有一点疑问。是否有''被添加到'

'中? – Sun 2013-04-25 12:37:25