<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>嵌入元素</title>
</head>
<body>
进度条 IE 10以下不支持
<progress value="30" max="100"></progress>
<br />
进度条 IE 不支持 可控制大小值更变颜色
<meter value="30" min="10" max="100" low="40" high="80"></meter>
<br />
<hr />
嵌入式插件falsh
<br />
<embed src="http://js.t.sinajs.cn/t5/album/static/swf/video/player.swf" type="application/x-shockwave-flash" width="200" height="100"><embed>
<hr />
<p>《 一次就好 》 歌手:沈腾 专辑:《夏洛特烦恼 电影原声》 </p>
<audio controls="controls" style="width:400px;height:45px;">
<source src="一次就好.ogg" type="audio/ogg">
<source src="一次就好.mp3" type="audio/mpeg">
你的浏览器不支持html5的audio标签
</audio>
<p>播放视频 多个source文件更好的支持更多的浏览器</p>
<video width="320" height="180" controls="controls">
<source src="测试视频.ogg" type="video/ogg">
<source src="测试视频.mp4" type="video/mp4">
您的浏览器不支持HTML5视频。
</video>
<pre>
autoplay视频在就绪后马上播放
controls向用户显示控件,比如播放按钮
loop 循环播放
preload 预加载
src 视频的URL
width 宽度
height 高度
</pre>
<hr />
</body>
</html>
Html5学习之旅(5)嵌入元素 progress meter embed audio video
最新推荐文章于 2022-04-06 10:38:47 发布