html5视频如何嵌入到网页(视频代码)

2024年08月23日 建站教程

HTML5视频如何嵌套到网页中,如何通过添加一些控制按钮来实现对视频播放的控制。​下面web建站小编给大家简单介绍一下具体代码!

具体代码如下:

<video id="myVideo" width="100%" height="100%"  autoplay controls loop muted>
  <source src="/staticvideo.mp4" type="video/mp4">
  <button onclick="myVideo.play()">播放</button>
  <button onclick="myVideo.pause()">暂停</button>
  <input type="range" min="0" max="1" step="0.1" value="1" oninput="myVideo.volume=this.value">
  <button onclick="myVideo.requestFullscreen()">全屏</button>
</video>

视频参数如下:

autoplay:指定视频在加载完毕后是否自动播放。
controls:指定是否显示视频的控制按钮。
loop:指定视频是否循环播放。
muted:指定视频是否静音播放。
play:播放视频。
pause:暂停视频。
volume:调整音量大小。
fullscreen:切换到全屏播放。

本文链接:http://so.lmcjl.com/news/11505/

展开阅读全文
相关内容