как да играете видео след 10 секунди в html видео маркер - javascript, jquery, html5

Видео На фона на код на страницата е даден по-долу:

 <video id="kon">
<source  data-src="comp/vid/gyu.webm?>" media="(min-width: 640px)" src="<?=SITE_MEDIA?>video/gyu.webm?>">
</video>

Искам да задържа видеото за 10 секунди след завършване на видеото и стартирайте го отново.Няма да получавам пауза как мога да го накарам да го направя на пауза за 10 секунди и да го стартирам

Отговори:

$(function() {
var vid = document.getElementById("video");
vid.playbackRate = 0.4;

vid.onended = function() {
setTimeout(function(){
vid.play(); //will play after 10 seconds when video is ended
}, 10000);
};
vid.play(); // will play on load.

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<video id="video" width="320" height="240">
<source src="https://www.w3schools.com/html/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Можете да използвате setTimeout в onended събитие за възпроизвеждане на видео след 10 секунди:

var vid = document.getElementById("kon");
vid.playbackRate = 0.4;

vid.onended = function() {
setTimeout(function(){
vid.play(); //will play after 10 seconds when video is ended
}, 10000);
};
vid.play(); // will play on load.