HTML5中<video>标签

最新推荐文章于 2024-05-31 22:20:16 发布

yummyH

最新推荐文章于 2024-05-31 22:20:16 发布

阅读量335

点赞数 2

文章标签： html5 视频

本文链接：https://blog.csdn.net/u014541501/article/details/77484501

版权

HTML5 提出了 video元素来包含视频的标准方法。

通过<video>标签可以定义视频

目前，<video>支持3种视频编码方式Ogg, MPEG4, WebM

以下为一段示例代码：

<head>
  <style>
        video{
            width: 700px;
            position: absolute;
            height: 500px;
            top: 50%;
            left: 50%;
            transform: translateX(-50%)translateY(-50%);
        }
  </style>
</head>
<body>
    <video src="video1.ogg"autoplay="autoplay" controls="controls"loop="loop"
    height="500px"width="700px" preload="preload"></video>
</body>

其中

autoplay属性为是否在页面加载完成后马上播放

controls属性为是否向用户显示控件栏，如播放按钮，下载按钮，全屏按钮等

loop属性为是否循环播放视频

preload属性为是否在页面加载时进行视频缓冲，并预备播放。若使用"autoplay"，则忽略该属性。