Html5学习之旅(5)嵌入元素 progress meter embed audio video

 

<!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>


 

posted on 2017-02-05 11:48  cxd1008  阅读(153)  评论(0)  编辑  收藏  举报