HTML5视频如何嵌套到网页中,如何通过添加一些控制按钮来实现对视频播放的控制。下面web建站小编给大家简单介绍一下具体代码!
具体代码如下:
<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视频代码
上面是“html5视频如何嵌入到网页(视频代码)”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_13441.html
workflows工作流
- 一只穿着黑色蝴蝶结西装可爱橙色小猫
- 一轮月亮悬挂在树上的天空中ComfyUI工作流
- 一对葫芦ComfyUI工作流
- 一个可爱的口袋妖怪ComfyUI工作流
- 一只漂亮的孔雀的尾巴完全由披萨制成ComfyUI工作流
- 一个由红色玻璃制成的女性形状的破碎雕塑
- 瀑布边坐着一位披着斗篷的隐士
- 一匹热血沸腾的汗血宝马庄严地站立着ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!