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