HTML5视频如何嵌套到网页中,如何通过添加一些控制按钮来实现对视频播放的控制。下面编程教程网小编给大家简单介绍一下具体代码!
具体代码如下:
<video id="myVideo" width="100%" height="100%" autoplay controls loop muted>
<source src="video.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:切换到全屏播放。
织梦狗教程
本文标题为:html5视频如何嵌入到网页(视频代码)


基础教程推荐
猜你喜欢
- Python3实现飞机大战游戏 2023-12-19
- js实现iGoogleDivDrag模块拖动层拖动特效的方法 2023-12-19
- 详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法 2024-01-23
- 【Oracle】【10】去除数据中的html标签 2023-10-25
- 纯CSS实现“文本溢出截断省略”的几种方法 2023-12-29
- vue中的重点指令 2023-10-08
- Ajax加载菊花loding效果 2023-01-20
- 浅析webpack 如何优雅的使用tree-shaking(摇树优化) 2024-03-09
- el-dialog中获取el-table组件的ref值报undefined错误! 2025-01-13
- vue如何利用canvas做一个电子签名功能? 2025-01-14