HTML5 video audio 视频 音频
程序员文章站
2022-05-12 10:37:31
...
语法:双标签
视频:
音频:
属性:src
文件的路径
可以直接写在或者标签里面,也可以写在标签里面,然后嵌套在或者里
controls
视频,音频播放的控件,比如音量,进度条,暂停播放等,默认没有,可以写成controls 或者controls=“controls”
autoplay
视频,音频自动播放,默认不会自动播放,有的浏览器会不允许自动播放
写法同上
loop
视频,音频循环播放 默认否
preload
视频,音频在网页加载时进行加载,并预备播放,如果只用autoplay,则忽略该属性
poster
视频的封面,语法是poster=“图片路径”
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>音视频播放</title>
</head>
<body>
<video src="source/five.mp4" autoplay controls loop poster="source/logo.png" ></video>
<video controls="controls">
<source src="source/five.mp4" type="video/mp4" />
</video>
<audio src="source/long.mp3" type="audio/mp3" controls="controls" autoplay></audio>
</body>
</html>
推荐阅读
-
html5中audio支持音频格式的解决方法
-
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
-
HTML5实现音频和视频嵌入的方法
-
HTML5 视频播放(video),JavaScript控制视频的实例代码
-
HTML5视频播放插件 video.js介绍
-
使用HTML5在网页中嵌入音频和视频播放的基本方法
-
HTML5中的音频和视频媒体播放元素小结
-
HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
-
HTML5视频播放标签video和音频播放标签audio标签的正确用法
-
HTML5多媒体audio和video(二)