從選定的時間段播放視頻循環

我在我的設計中有一個視頻文件，其長度爲2分鐘。這是第一次視頻將從一開始播放，然後視頻必須在循環播放1.00秒到2.00秒。這可能使用jQuery嗎？我嘗試了其他方法。它可以工作，但視頻有一個跳躍。 Change video source after the first video ends。從選定的時間段播放視頻循環

這裏是我的代碼：

JQuery的：

document.getElementById('bgvid').addEventListener('ended', myHandler, false); 

function myHandler(e) { 
    //*what to do?*// 
}

HTML：

div class="anim-logo "> 
    <video playsinline autoplay muted poster="assets/img/video3.jpg" id="bgvid"> 
    <source src="assets/img/video3.webm" type="video/webm"> 
    <source src="assets/img/video3.mp4" type="video/mp4"> 
</video> 
     </div><!--end of anim logo-->

來源

2016-09-28 Sharavnan Kv

你可以做這樣的事情：

var video = document.getElementById('videoElm') 
 
video.addEventListener('ended',function(){ 
 
    // set the video's start position to the video's duration minus 10 seconds. "video.currentTime" is in milliseconds, "video.duration" is in seconds 
 
    video.currentTime = (parseInt(video.duration) - 10) * 1000; 
 
    video.play(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <video id="videoElm" autoplay muted> 
 
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/webm"> 
 
</video> 
 
</div>

來源

2016-09-28 12:33:03 Titus

no ..第一次（每頁加載）它從頭開始播放。之後它會在循環中播放最後60秒。 –

@SharavnanKv我編輯了我的答案來解決這個問題。改變視頻的'currentTime'以在視頻中查找特定時間，並更改'setInterval（...）'函數的第二個參數以查看循環應該有多長時間。 – Titus

不工作的朋友。請檢查：https://jsfiddle.net/x5rx55nL/ –

從選定的時間段播放視頻循環

回答

相關問題