zoukankan      html  css  js  c++  java
  • 标记和插入音频视频

    ID特性:每个HTML元素都可以附带ID特性,ID特性用来从页面上其他元素对一个元素进行唯一标识(定位)
    class特性:每个元素都可以附带class特性,用于将元素归类。
    块级元素:
    内联元素:
     
     

    src:该特性指定视频的路径
    poster:在视频加载时或者视频播放之前,该特性用于指定在播放器中显示一个图像。
    width,height:用像素指定播放器的宽和高
    controls:让浏览器提供默认的播放控件
    autopplay:让视频自动播放
    loop:让视频在结束后重新播放,重复播放。

    preload:该特性告诉浏览器在页面加载时要做什么。它可以选用以下三个值。
    none:该值标识在用户按下播放按钮时,浏览器不必加载视频。
    auto:该值标识浏览器应该在页面加载时载入视频。
    metadata:该值标示浏览器只需收集少量视频信息,比如大小,首幁图像,播放列表和持续时间。


    <body> <h1>注释</h1> <!--测试--> <H1>id</H1> <p id="1"></p> <hr> <div id="2"> <h1>DIV 将文本和元素集中在一个块级元素中</h1> <ul> <li>床前明月光</li> <li>疑是地上霜</li> <li>举头望明月</li> <li>低头思故乡</li> </ul> <ol> <li>锄禾日当午</li> <li>汗滴禾下土</li> <li>谁知盘中餐</li> <li>粒粒皆辛苦</li> </ol> </div> <hr> <style type="text/css"> .gallery { text-transform: uppercase;} </style> <h1>span 将文本和元素集中在一个内联元素中</h1> <p>Anish Kapoor won the Turner Prize in 1991 and exhibited at the<span class="gallery">Tate Modern</span>gallery in London in 2003.</p> <hr> <h1>内联框架 iframe</h1> <iframe src="https://www.hao123.com/" width="500" height="250";output=embed> </iframe> <hr> <h1>转义字符</h1> <p>< > &copy &reg</p> <hr> <h1>插入视频;添加视频</h1> <video src="V/001.mp4" poster="img/001.jpg" width="800" height="450" preload controls loop> </video> <hr> <h1>插入音频;添加音频</h1> <audio src="audio/001.mp3" controls autoplay> <p>This browser does not support our audio format.</p> </audio> </body>

      

    ---恢复内容结束---

    <body>
    <h1>注释</h1>
    <!--测试-->
    <H1>id</H1>
    <p id="1"></p>
    <hr>
    <div id="2">
    <h1>DIV 将文本和元素集中在一个块级元素中</h1>
    <ul>
    <li>床前明月光</li>
    <li>疑是地上霜</li>
    <li>举头望明月</li>
    <li>低头思故乡</li>
    </ul>
    <ol>
    <li>锄禾日当午</li>
    <li>汗滴禾下土</li>
    <li>谁知盘中餐</li>
    <li>粒粒皆辛苦</li>
    </ol>
    </div>
    <hr>
    <style type="text/css">
    .gallery {
    text-transform: uppercase;}
    </style>
    <h1>span 将文本和元素集中在一个内联元素中</h1>
    <p>Anish Kapoor won the Turner Prize in 1991 and exhibited at the<span class="gallery">Tate Modern</span>gallery in London in 2003.</p>
    <hr>
    <h1>内联框架 iframe</h1>
    <iframe src="https://www.hao123.com/" width="500" height="250";output=embed>
    </iframe>
    <hr>
    <h1>转义字符</h1>
    <p>< > &copy &reg</p>
    <hr>
    <h1>插入视频;添加视频</h1>
    <video src="V/001.mp4"
    poster="img/001.jpg"
    width="800"
    height="450"
    preload
    controls
    loop>
    </video>
    <hr>
    <h1>插入音频;添加音频</h1>
    <audio src="audio/001.mp3" controls autoplay>
    <p>This browser does not support our audio format.</p>
    </audio>
    </body>
    

      

  • 相关阅读:
    ActionScript简单实现Socket Tcp应用协议分析器
    您还有心跳吗?超时机制分析
    Java线程池架构2-多线程调度器
    Java 连接池的工作原理
    Integrating JDBC with Hibernate
    Codeforce 1255 Round #601 (Div. 2) C. League of Leesins (大模拟)
    Codeforce 1255 Round #601 (Div. 2)B. Fridge Lockers(思维)
    Codeforce 1255 Round #601 (Div. 2) A. Changing Volume (贪心)
    图论--拓扑排序--判断是否为DAG图
    图论--拓扑排序--判断一个图能否被拓扑排序
  • 原文地址:https://www.cnblogs.com/max-hou/p/8530727.html
Copyright © 2011-2022 走看看