自从Flash因为很多破绽被谷歌禁用,目前的网站需要播放视频时,一样平常都是应用
标签,
标签是 HTML 5 的新标签。并且当代扫瞄器根基上都撑持,如:Internet Explorer 9+, Firefox, Opera, Chrome 和 Safari 撑持
标签。
标签有很多属性能够应用,好比:autoplay(属性):autoplay(值),若是泛起该属性,则视频在停当后即刻播放。controls(属性):controls(值),若是泛起该属性,则向用户施展阐发控件,好比播放按钮。height(属性):pixels(值),设置视频播放器的高度。loop(属性):loop(值),若是泛起该属性,则当序言文件完成播放后再次起头播放。muted(属性):muted(值),划定视频的音频输出应该被静音。poster(属性):URL(值),划定视频下载时施展阐发的图象,或许在用户点击播放按钮前施展阐发的图象。preload(属性):preload(值),若是泛起该属性,
高端网站优化,则视频在页面加载时截止加载,并豫备播放。若是应用 "autoplay",则疏忽该属性。src(属性):url(值),要播放的视频的 URL。width(属性):pixels(值),设置视频播放器的宽度。H5
标签的泛起和应用这些属性极大轻易我们前端处置惩罚视频的事情。
H5
标签另有两个主要的工具办法播放和停息,play()和pause()。html以下图:
js如图:
如许一个简略的用户自己掌握的视频就出来了。