什么是html5视频/dom

HTML5是在万维网上构建和呈现内容的标准。<video>元素还具有方法、属性和事件。有播放、暂停和加载的方法。新标准包含了视频播放和拖放等功能。还有一些DOM事件可以通知您,例如,当<video>元素开始播放、暂停、结束等。
HTML5中视频/Dom的自定义控制
这些方法是播放和暂停视频播放。如果我们从JavaScript控制视频,play()和pause()方法实际上会成功返回。这里有一些控制权。

方法说明
PLAY()将始终从当前播放位置启动视频。
PAUSE()当前播放位置暂停。
STOP()停止播放

示例

<!DOCTYPE html>
<html>
<head>
<style>
video
 {
          width: 600px;
          height: 500px;
          border: 2px solid black;
}
.video-container 
{
            display: inline-block;
            text-align: center;
}
p
{
            font: 20px Arial;
}
</style>
</head>
<body>
<div class="video-container">
<p>.webm</p>
<video poster="http://www.html5rocks.com/en/tutorials/video/basics/star.png" controls>
<source src="http://www.html5rocks.com/en/tutorials/video/basics/Chrome_ImF.webm" type='video/webm; codecs="vp8, vorbis"' 
</video>
</div>
</body>
</html>
日期:2020-04-11 23:04:21 来源:oir作者:oir