video元素可以实现视频播放；

　　src　　/　　autoplay　　/　　controls　　/　　height　　/　　width　　/　　poster　　/　　loop　　/　　muted　　/　　preload;

　　

　　src:　　//值为资源url地址；

　　　　　　//如果有不同格式的视频，可以在video中嵌套source标签来设置多个src，系统采用第一个有效值；

　　　　　　　　//source标签是单标签，没有尾标签，有两个属性为src和type；

　　autoplay：　　//如果出现该属性，则页面加载后视频自动播放；

　　controls:　　//如果出现该属性，则视频自带播放控件；

　　height/width:　　//宽和高，可以通过CSS来设置；

　　poster:　　//封面，当非autoplay时，页面加载后显示该图片，其值是一个图片url地址；

　　loop:　　//如果出现，则视频播放完后循环播放；

　　muted:　　//如果出现，则视屏静音；

　　preload:　　//非autoplay时，设置其值为load，会进行视屏预加载；

 

　　video首尾标签之间的文本为当浏览器不支持video时显示的内容；

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>videoDemo</title>
    <style type="text/css">
        video{
            display: block;
            margin:20px auto;
            padding: 10px;
            background: purple;
        }
        .v1{
            width:400px;
            height:auto;
        }
    </style>
</head>
<body>
    <video src="src/video.mp4"
        width="400px"
        height="auto"
        preload
        poster="img/img1.jpg" 
        loop
        muted
        controls 
    >
        您的浏览器不支持video功能；
    </video>
    <video class="v1" 
        src="src/video.mp4"
        preload="load"
        poster="img/img1.jpg" 
        loop="loop"
        muted="muted"
        controls="controls" 
    >您的浏览器不支持video功能；</video>
    <video class="v1"
        autoplay
        controls
    >
        <source src="src/video.mp4">
        您的浏览器不支持video功能；
    </video>
</body>
</html>