[英]How to show overlay on Plyr (html5 video player) when in Fullscreen?
[英]How to code a HTML5 fullscreen video player with multiple videos in loop?
我想编写一个没有任何控件的 HTML5 视频播放器。 只需从目录“我的网站/媒体”全屏自动播放和循环多个视频。
包括“自动播放循环”和一些使视频全屏显示的 CSS 标签对我来说工作正常,但我不能播放多个视频。
是否可以在不使用任何控件或可见播放列表的情况下添加更多视频? 只是在循环中自动播放我目录中的所有视频?
<div class="fullscreen-video-wrap">
<video src="media/firstvideo.mp4" autoplay loop></video>
</div>
您可以在元素上侦听“结束”事件。 在第一个视频结束后,您可以执行类似操作以将 src 替换为新视频。
// listener function changes src
function myNewSrc() {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.src = "http://mysite/myMovie2.m4v";
myVideo.load();
myVideo.play();
}
// add a listener function to the ended event
function myAddListener(){
var myVideo = document.getElementsByTagName('video')[0];
myVideo.addEventListener('ended', myNewSrc, false);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.