zoukankan      html  css  js  c++  java
  • 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="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>


  • 相关阅读:
    752.打开转盘锁
    733. 图像渲染
    704.二分查找
    leetcode 87 Scramble String
    找实习总结
    leetcode 44 Wildcard Matching
    Linux,网络编程接口记录
    leetcode 172 Factorial Trailing Zeroes
    leetcode 168 Excel Sheet Column Title
    leetcode 65 Valid Number
  • 原文地址:https://www.cnblogs.com/cxd1008/p/6372429.html
Copyright © 2011-2022 走看看