0

私はjsfiddleコードをローカルで実行しようとしています。具体的にはこれです: http://jsfiddle.net/BAqTe/

私は周りを見回して、「/show」を使用してページを保存し、依存関係をロードすることを提案していますが、ローカルでは機能しません.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>
4

1 に答える 1

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

onYouTubeIframeAPIReadyonPlayerReadyが呼び出されている可能性がありますが、とonPlayerStateChangeが関数として定義されていないため、エラーがあります。

不足している 2 つの関数を jsfiddle からコピーするか、それらをイベントとして含めないでください。

于 2013-04-25T01:47:27.880 に答える