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

最新推荐文章于 2022-04-06 10:38:47 发布

cxd1008

最新推荐文章于 2022-04-06 10:38:47 发布

阅读量278

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/cxd1008/article/details/54880365

版权

html5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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

cxd1008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html5学习之旅(5)嵌入元素 progress meter embed audio video

嵌入元素进度条 IE 10以下不支持进度条 IE 不支持可控制大小值更变颜色嵌入式插件falsh 《一次就好》歌手：沈腾专辑：《夏洛特烦恼电影原声》你的浏览器不支持html5的audio标签
复制链接

扫一扫