動画の再生に Jwplayer を使用しています。だから私はJSフィドルを使ってJWplayer APIをテストしていました
jsfiddle の指示に従って JS ファイルを含めました。ビデオは正常に動作しますが、ビデオを一時停止/再生するためのプレーヤー コントロール以外の 1 つのボタンを使用しようとしています。
しかし、それはうまくいかないようです私は問題を理解することができません
ここで私を助けて
<body>
<div id='my-video'></div><br>
<div id="content" style=" text-align: center;">
<button name='play' id='play' value='play' onclick='play();'>Play</button>
<button name='pause' id='pause' value='pause' onclick='pause();' style='display: none;'>Pause</button>
</div>
</body>
<script>
jwplayer('my-video').setup({
file: 'http://content.bitsontherun.com/videos/lWMJeVvV-364767.mp4',
width: '640',
height: '360'
});
function play() {
jwplayer().play();
document.getElementById('play').style.display = 'none';
document.getElementById('pause').style.display = 'inline-block';
}
function pause() {
jwplayer().pause();
document.getElementById('pause').style.display = 'none';
document.getElementById('play').style.display = 'inline-block';
}
</script>
ありがとうございました
Here is the [DEMO LINK][1]`http://jsfiddle.net/hiteshbhilai2010/f6ufe/17/`