私は自分のページにビデオプレーヤーを設定しています. ボタンをクリックすると特定の部分にスキップするようにしました. これはうまくいきますが、特定の部分に到達すると、ビデオを停止または一時停止したいと思います。
どこから始めればよいかわかりませんが、既存のコードを次の場所に配置します。
var myvideo = document.getElementById('myvideo'),
playbutton = document.getElementById('playme'),
jumplink1 = document.getElementById('jump');
jumplink2 = document.getElementById('jump1');
jumplink3 = document.getElementById('jump2');
jumplink4 = document.getElementById('jump3');
jumplink1.addEventListener("click", function (event) {
event.preventDefault();
myvideo.play();
myvideo.pause();
myvideo.currentTime = 40.1;
myvideo.play();
}, false);
jumplink2.addEventListener("click", function (event) {
event.preventDefault();
myvideo.play();
myvideo.pause();
myvideo.currentTime = 85;
myvideo.play();
}, false);
<video id="myvideo" width="620">
<source src="video/1.William Morrison_short-comp.mp4" type="video/mp4"></source>
Your browser does not support HTML5 video.
</video>
<p id="play-me-hover">
<button id="playme" id="playme">play full interview</button>
</p>
<p id="jump-hover">
<button class="video-button" id="jump">courses</button>
</p>
<p>
<button class="video-button" id="jump1">surgeons</button>