H5音频视频播放控件及其属性用法

最新推荐文章于 2024-05-31 22:11:41 发布

Mike_8859

最新推荐文章于 2024-05-31 22:11:41 发布

阅读量1.9k

点赞数

本文链接：https://blog.csdn.net/Mike_chao/article/details/78413116

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3>视频</h3>
<video src="F:\短视频\短视频\gd.mp4" controls="true"></video>
<h3>音频</h3>
<audio src="D:\KuGou\黑龙 - 盗心贼.mp3" controls="true"></audio>
</body>

</html>

属性

属性	值	描述
autoplay	true \| false	如果是 true，则视频在就绪后马上播放。
controls	true \| false	如果是 true，则向用户显示控件，比如播放按钮。
end	numeric value	定义播放器在视频流中的何处停止播放。默认地，声音会播放到结尾。
height	pixels	设置视频播放器的高度。
loopend	numeric value	定义在视频流中循环播放停止的位置，默认是 end 属性的值。
loopstart	numeric value	定义在视频流中循环播放的开始位置。默认是 start 属性的值
playcount	numeric value	定义视频片段播放多少次。默认是 1。
poster	url	在视频播放之前所显示的图片的 URL。
src	url	要播放的视频的 URL。
start	numeric value	定义播放器在音频流中开始播放的位置。默认地，声音在开头进行播放。
width	pixels	设置视频播放器的宽度。

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述，请访 HTML 5 中标准属性。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如需完整的描述，请访 HTML 5 中事件属性。

Mike_8859

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
H5音频视频播放控件及其属性用法

Document视频音频属性属性值描述autoplaytrue | false如果是 true，则视频在就绪后马上播放。controlstrue | false如果是 true，则向用户显示控件，比如播放按钮。endnumeric value
复制链接

扫一扫