美文网首页前端让前端飞Web前端之路
如何让视频自动循环播放,并不要播放按钮这些按键

如何让视频自动循环播放,并不要播放按钮这些按键

作者: 花花0825 | 来源:发表于2017-04-04 14:53 被阅读177次

    今天又学到了一个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;

    }

    相关文章

      网友评论

        本文标题:如何让视频自动循环播放,并不要播放按钮这些按键

        本文链接:https://www.haomeiwen.com/subject/rzoaottx.html