Vibay

Thứ Ba, 18 tháng 4, 2017

[HTML] Tự động thực thi một nhiệm vụ sau khi video kết thúc - Phát hiện video phát kết thúc


Trang blog/ web của bạn chuyên về video và bạn muốn khi người xem xem xong một video clip trên một trang blog/ web thì trình duyệt sẽ tự động thực hiện một nhiệm vụ nào đó ví dụ như tự động tải trang có video tiếp theo. Bạn có thể tham khảo cách sau:

Xem minh họa: --> http://kimluc.blogspot.com/2017/04/em-tan-ben-ngu-ngoc-ha.html

<video id="myVideo" controls>
<source src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4" />
</video>

<script>
var aud = document.getElementById("myVideo");
aud.onended = function() {
window.location.href = ['http://kimluc.blogspot.com/2017/04/em-tan-ben-ngu-ngoc-ha.html'];
};
</script>

Hiện thời gian báo trước khi tải trang video kế tiếp:
<video autoplay id="myVideo" controls width="630" height="380">
<source src="https://archive.org/download/Dentanbenngu_ngocha/%C4%90%C3%AAm%20t%C3%A0n%20b%E1%BA%BFn%20Ng%E1%BB%B1%20-%20Ng%E1%BB%8Dc%20H%E1%BA%A1.mp4" type="video/mp4" />
</video>
<div>
<b>Kế tiếp: "Đường xưa lối cũ" <span id="timer">...</span> giây</b>
</div>
<script>
var aud = document.getElementById("myVideo");
aud.onended = function() {
setTimeout(function(){ window.location.href = ['http://kimluc.blogspot.com/2015/12/uong-xua-loi-cu-thanh-tuyen.html']}, 16000);
var hou = 0;
var sec = 15;
setInterval(function(){
var a = new Date();
document.getElementById("timer").innerHTML = hou +" : " + sec ;
sec--;
if(sec == 00)
{
hou--;
sec = 15;
if (hou == 0)
{
hou = 0;
}
}
},1000);
}

function resetTimer()
{
};
</script>

Xem minh họa: --> http://kimluc.blogspot.com/2017/04/em-tan-ben-ngu-ngoc-ha.html

Không có nhận xét nào:

Đăng nhận xét