在原生开发中控制HTML5视频!

在原生开发中控制HTML5视频!

PC端

视频如何自动播放！

在video标签中添加 autoplay + muted(静音属性！）

温馨提醒： video是一个块级元素！

但是唯一的缺陷就是视频没有声音！

<video
src="video/「跨界喜剧王第4季」第9期 文松 张佳宁小品《白蛇缘起》爆笑_好看视频.mp4"
 autoplay
 muted="false">
视频自动播放！
</video>

视频的全屏播放！

但是这个全屏播放只能是浏览器的最大宽度和高度!

 <video
src="video/「跨界喜剧王第4季」第9期 文松 张佳宁小品《白蛇缘起》爆笑_好看视频.mp4"
class="quanping"
autoplay
muted="false"
 loop>视频自动播放！</video>

    <style>
        /* object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 */

        /* object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 */
        .quanping {
            width: 100%;
            height: 100%;
            min-height: 1080px;
            object-fit: cover;
        }
    </style>