Chuyển đến nội dung chính

[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

Nhận xét

Bài đăng phổ biến từ blog này

Tập Cận Bình kêu gọi quân đội tập trung chuẩn bị chiến đấu

Khi thăm đơn vị giám sát Biển Đông, Đài Loan, ông Tập yêu cầu xem xét mọi tình huống phức tạp và lập kế hoạch ứng phó khẩn cấp. Chủ tịch Trung Quốc Tập Cận Bình thăm Chiến lược khu phía Nam hôm 25/10. Ảnh: Xinhua.

Mỹ tuyên bố đối đầu quyết liệt với Trung Quốc mọi thời điểm

Ngoại trưởng Pompeo cho rằng các chiến lược của Trung Quốc đều đe dọa lợi ích của Mỹ và Washington cần hành động để ngăn chặn.

‘Một cuộc chiến quân sự giữa Mỹ và Trung Quốc là không thể tránh khỏi’

Cựu Tổng tư lệnh quân đội Mỹ ở châu Âu, Trung tướng Frederick Benjamin “Ben” Hodges III cảnh báo Mỹ sẽ bị kéo vào một cuộc chiến quân sự không thể tránh khỏi với Trung Quốc trong vòng 15 năm tới. Cựu Tổng tư lệnh quân đội Mỹ ở châu Âu Ben Hodges. (Ảnh: AP)