video标签属性

1.视频放大按钮的隐藏

video::-webkit-media-controls-fullscreen-button{
        display:none;
}

2.视频自动播放有时不起作用时,添加一个muted属性

video muted src="XX" autoplay loop>

3.捕获视频播放结束事件,可以通过video的属性ended(返回音频的播放是否已结束)来判断是否播放完

  注意不能设置无限循环播放

var video = document.getElementById("video"); 
video.loop = false;
video.addEventListener('ended', function () {  
   debugger
}, false);

eg:循环播放3个视频

 

更多事件与属性 https://www.cnblogs.com/qq984064199/p/6244284.html

你可能感兴趣的:(html+css)