网站video标签控制视频自动循环播放的方法
我们在网站中添加视频的时候,现在可以用html5里面的video标签来实现,非常的简单,而且现在主流浏览器都实现了兼容性的问题,但是如果需要视频自动且循环播放要怎么做呢?下面跟网站建设小孟一起来看看~
网站使用video来添加视频很简单,只需要一段简单的代码就能实现了:
<video src="/xmseo.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>
这段代码虽然很简单,但是里面的标签作用却是非常强大的:src这个标签相信大家都知道,跟图片是一样的,这是用来引入需要播放的视频地址的;controls这个标签是用来添加视频里面一些按钮的,比如播放、放大、音量等;autoplay这个标签就是我们这篇文章所讲的,让视频实现自动播放的标签了;同样的,loop这个标签是实现视频循环播放的标签。
总结:相信大家看到video标签这么简单,已经跃跃欲试了,当然,控制视频自动播放的时候可能会导致页面加载过慢的问题,这时候我们需要让视频不进行预加载,可以点击前面这个按钮了解一下怎么实现。
网站使用video来添加视频很简单,只需要一段简单的代码就能实现了:
<video src="/xmseo.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>
这段代码虽然很简单,但是里面的标签作用却是非常强大的:src这个标签相信大家都知道,跟图片是一样的,这是用来引入需要播放的视频地址的;controls这个标签是用来添加视频里面一些按钮的,比如播放、放大、音量等;autoplay这个标签就是我们这篇文章所讲的,让视频实现自动播放的标签了;同样的,loop这个标签是实现视频循环播放的标签。
总结:相信大家看到video标签这么简单,已经跃跃欲试了,当然,控制视频自动播放的时候可能会导致页面加载过慢的问题,这时候我们需要让视频不进行预加载,可以点击前面这个按钮了解一下怎么实现。