今天又学到了一个html5视频标签,有些页面中的视频都是喜欢让其自动播放,并且是循环播放,在这里可以使用html5新标签完成
<video controls="controls" loop="loop" autoplay="autoplay" width="500" height="500">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
your browser does not support the video tag.
</video>
loop="loop":循环播放
autoplay="autoplay":自动播放
有些还需要这么一个效果就是不要这些按钮,让其一直循环播放,这个使用css3样式来修改样式就可以实现这种效果
video::-webkit-media-controls {
display:none !important;
}
网友评论