Html5 Video的使用

weixin_30635053

于 2016-10-15 20:12:00 发布

阅读量53

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/taidou/p/5965215.html

本文介绍了一种使用HTML和CSS实现视频自动播放并居中的方法。通过定义样式类，使得视频能够在网页中水平垂直居中显示，并设置了自动播放及预加载属性。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style type="text/css">
 7         .center{
 8             margin: 0 auto;
 9             text-align:center;
10         }
11     </style>
12 </head>
13 <body>
14    <div class="center">
15     <video src="media/loveliness.mp4" controls height="600px"  autoplay width="1024px" preload="auto"></video>
16     </div>
17 </body>
18 </html>