1

vlcplayer を html に埋め込んで、ビデオを再生、一時停止したかったので、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>

JavaScriptファイルには

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

    var pause = function(){
        if(player){
            alert("pause");
        }
    };        
}
);

再生リンクをクリックしても警告ボックスが表示されません..onclick値の指定方法が間違っていますか?

4

2 に答える 2

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");
            }
        });        
    }
    );
于 2012-05-02T13:02:39.987 に答える
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>
于 2012-05-02T13:02:48.617 に答える