您的位置：首页 > Web前端 > HTML

Html学习笔记7：嵌入音频和视频

2017-10-12 19:36 573 查看

HTML5的

<video>

元素不需要借助flash插件就可以实现视频播放，有以下常用属性。

视频的URL为src，视频的宽度width，视频的高度height，autoplay设置后表示立刻开始播放视频，preload设置后表示预先载入视频，controls设置后表示显示播放控件，loop设置后表示反复播放视频，muted设置后表示视频处于静音状态，poster指定视频数据载入时显示的图片。

其中的preload属性有三个值：none表示什么都不加载，metadata表示只能加载元数据(宽高、第一帧视频等信息)，auto表示请求浏览器尽快下载整个视频。

用来嵌入音频内容，属性只有src，autoplay，preload，controls。用法都一样。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>音频和视频</title>
<meta charset="utf-8">
</head>
<body>
<!-- <video src="test.mp4" width="800" height="600" controls loop poster="tx.jpg" preload="auto"></video> -->
<video width="800" height="600" controls loop poster="tx.jpg" preload="auto">
<source src="test.webm">
<source src="test.mp4">
<source src="test.ogg">
<object>实现flash插件的播放，如果屏蔽IE9以下，则不需要</object>
</video>
<audio controls>
<source src="test.mp3">
<source src="test.m4a">
<source src="test.wav">
</audio>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html html5

相关文章推荐

新的分享

章节导航