zoukankan      html  css  js  c++  java
  • 初学HTML-8

    video标签:播放视频

         格式一:<video src="">

            </video>

      video标签的属性:

        src:用于告诉video标签需要播放的视频地址。

        autoplay:用于告诉video标签是否需要自动播放视频。

        controls:用于告诉video标签是否需要显示控制条。

        poster:用于告诉video标签视频没有播放之前显示的占位图片。

        loop:一般用于做广告视频,用于告诉video标签视频播放完毕之后是否需要循环播放。

        preload:预加载视频,但是需要注意,preload和autoplay相冲,如果设置了autoplay属性,那么preload属性就会失效。

        muted:静音。

        width:宽度。

        height:高度。(width和height只需要设置一个就可以了。)

        格式二:<video>

               <source src=" " type=" "></source>

             </video>

            eg:<video autoplay="autoplay" controls="controls">

                <source src="images/sb1.webm" type="video/webm"></source>

                <source src="images/sb1.mp4" type="video/mp4"></source>

                <source src="images/sb1.ogg" type="video/ogg"></source>

              </video>

    audio属性:播放音频。

         格式一:<audio src=" ">

             </audio>

         格式二:<audio>

                <source src=" " type=" ">

             </audio>

         audio标签和video标签的使用基本一样

         audio标签的属性,除了height / width / poster属性以外,其余的属性参考video标签的属性。

  • 相关阅读:
    Node+OBS直播服务器搭建总结
    WebRTC网页录制音视频教程
    人生有尺 做人有度
    「道 德 經」 : 第 二 十 四 章
    看山是山,看水是水;看山不是山,看水不是水;看山还是山,看水还是水。
    「道 德 经」 : 第 八 章
    Ubuntu下安装Chrome浏览器的两个方法
    chromium中增加自己的文件夹
    chromium 切换主分支的方法
    chromium 示例
  • 原文地址:https://www.cnblogs.com/olive2014/p/10287553.html
Copyright © 2011-2022 走看看