2012-05-02 19 views
1

を再生するためにjqueryのを使用して、私はjavascriptのファイルがビデオ。だからを一時停止し、私はHTMLでvlcplayerを埋め込み、プレイしたい、ポーズ埋め込まVLCプレーヤー

$(document).ready(function(){ 
    var player = document.getElementById("vlcp"); 
    var play = function(){ 
     if(player){ 
      alert("play"); 
     } 
    }; 

    var pause = function(){ 
     if(player){ 
      alert("pause"); 
     } 
    };   
} 
); 
を持っているのJavaScriptファイルを作成し、いくつかの機能

<head> 
<script type="text/javascript" src="jquery-1.7.1.min.js" ></script> 
<script type="text/javascript" src="vctrl.js" ></script> 
</head> 
<body> 
<embed id="vlcp" type="application/x-vlc-plugin" name="VLC" autoplay="no" loop="no" volume="100" width="640" height="480" target="test.flv"> 
</embed> 
<a href="#" onclick='play()'>Play</a> 
<a href="#" onclick='pause()'>Pause</a> 
</body> 

をコード化

再生リンクをクリックすると、警告ボックスは表示されません。onclickの値が間違っていますか?

答えて

2

playおよびpauseは、ready関数に与えた関数のローカル変数として定義されています。したがって、それらはDOMオブジェクトには表示されません。

ソリューションは、通常の方法(またはwindow.play = function...)でそれらを宣言する可能性があります。

しかし、jqueryのを使用して正しい方法はjqueryの結合機能を使用することです:

<head> 
    <script type="text/javascript" src="jquery-1.7.1.min.js" ></script> 
    <script type="text/javascript" src="vctrl.js" ></script> 
    </head> 
    <body> 
    <embed id="vlcp" type="application/x-vlc-plugin" name="VLC" autoplay="no" loop="no" volume="100" width="640" height="480" target="test.flv"> 
    </embed> 
    <a id=playbutton href="#">Play</a> 
    <a id=pausebutton href="#">Pause</a> 
    </body> 



    $(document).ready(function(){ 
     var player = document.getElementById("vlcp"); 
     $('#playbutton').click(function(){ 
      if(player){ 
       alert("play"); 
      } 
     }); 

     $('#pausebutton').click(function(){ 
      if(player){ 
       alert("pause"); 
      } 
     });   
    } 
    ); 
0
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="vctrl.js" ></script> 
</head> 
<body> 
<embed id="vlcp" type="application/x-vlc-plugin" name="VLC" autoplay="no" loop="no" volume="100" width="640" height="480" target="test.flv"> 
</embed> 
<a href="javascript:void(0);" class="play" onclick='play()'>Play</a> 
<a href="javascript:void(0);" class="play" onclick='pause()'>Pause</a> 
</body> 


<script type="text/javascript"> 
$(document).ready(function(){ 
var player = document.getElementById("vlcp"); 
$('.play').click(function(){ 
var thisvalue = $(this).html(); 
if(thisvalue=="Play"){ 
alert("Play"); 
}else{ 
if(thisvalue=="Pause"){ 
alert("Pause"); 
} 
} 
}); 
}); 
</script> 
関連する問題