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视频如何嵌入到网页(视频代码)
基础教程推荐
猜你喜欢
- input file样式修改以及图片预览删除功能详细概括(推荐) 2024-02-09
- uniapp组件之tab选项卡滑动切换功能实现 2024-04-03
- 微信小程序收货地址API兼容低版本解决方法 2024-02-05
- JavaScript中的纯函数与偏函数你了解吗 2023-07-10
- javascript题目,重写函数让其无限相加 2023-12-02
- 巧用ajax请求服务器加载数据列表时提示loading的方法 2023-02-01
- Ajax对xml信息的接收和处理操作实例分析 2023-02-23
- jQuery表单域属性过滤器用法分析 2024-04-26
- 深入理解requestAnimationFrame的动画循环 2024-04-09
- $.ajax中contentType: “application/json” 的用法详解 2023-02-23