video+ audio

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>音频和视频</title>
</head>
<body>
<!-- video元素的属性 -->
<!-- 属性:
src:视频资源的URL
width:视频宽度
height:视频高度
autoplay:设置后,表示立刻开始播放视频
preload:设置后,表示预先载入视频
有三个属性值:none:表示播放器什么都不加载;
metadata:表示播放之前只能加载元数据(宽,高,第一帧画面等信息)
auto:表示请求服务器尽快下载整个视频
controls:设置后,表示显示播放控件
loop:设置后,表示反复播放视频
muted:设置后,表示视频处于静音状态
poster:指定视频数据载入时显示的图片 -->
<!-- 方式1 -->
<video src=""></video>
<!-- 方式2 -->
<video>
<source src="xxx.mp4">
<source src="xxx.webm">
<source src="xxx.ogg">
<object data="" type="">
实现flash插件的播放,如果屏蔽i9以下则不需要
</object>
</video>

<audio src="">
<source src="xxx.mp4">
<source src="xxx.webm">
<source src="xxx.ogg">
</audio>
</body>
</html>

原文地址:https://www.cnblogs.com/handsomehan/p/5325050.html