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视频如何嵌入到网页(视频代码)


猜你喜欢
- 关于 html:CSS – 调整浏览器窗口大小时修复边 2022-09-21
- 微信小程序模板(template)使用详解 2024-01-17
- 使用 CSS 轻松实现一些高频出现的奇形怪状按钮 2024-01-05
- 利用ajax传递数组及后台接收的方法详解 2023-02-14
- chrome开发者工具-timeline的详细介绍 2024-02-07
- vue语法如何获取父组件传递的值 2025-01-13
- 基于Cookie常用操作以及属性介绍 2024-02-13
- BOOTSTRAP时间控件显示在模态框下面的bug修复 2024-01-03
- 关于ajax的使用方法_例题、ajax的数据处理 2023-02-01
- checkbox勾选判断代码分析 2023-12-24