| 登录 注册 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 视频标签示例</title>
<style> video { width: 400px; } </style>
</head>
<body>
<!-- 浏览器加载页面 , 发现 video 标签 读取该 video 标签 , 发现第一个 source 字标签 , 该标签配置 mp4 视频文件 - 如果浏览器支持 mp4 就播放该 mp4 文件 - 如果不支持 mp4 格式 , 则继续读取下一行 第二个 source 标签配置的是 ogg 格式的视频文件 - 如果浏览器支持 ogg 就播放该 ogg 文件 - 如果不支持 ogg 格式 , 则继续读取下一行 显示提示信息 -->
<video autoplay="autoplay" muted="muted" loop="loop" poster="media/pig.jpg">
<source src="media/fengjing.mp4" type="video/mp4" />
<source src="media/fengjing.ogg" type="video/ogg" />
很抱歉 , 当前浏览器不支持现有视频格式 ~
</video>
</body>
</html>