zoukankan      html  css  js  c++  java
  • video,source元素

    一,视频

    <video src="../[再一次快乐结局]第15集.mp4" controls="controls" width="500" height="300" poster="../1.jpg" loop="loop" autoplay="autoplay" preload="auto"> 您的浏览器暂不支持! </video>

    注意:此标签不在input标签内

    control:显示视频的播放,音量,暂停等工具栏

    width,height:视频的长宽

    poster:播放前的预览图

    loop:当图片结束时,重新播放

    autoplay:加载结束自动播放

    preload:  1.auto:自动加载视频的播放时间,播放内容

                   2.none:默认值

                   3.metadata:自动加载视频的时间,但不加载播放的内容

    <video width="500" controls="controls" > 您的浏览器暂不支持!
    <source src="../[再一次快乐结局]第15集.mp4" type="video/mp4" />
    <source src="../[再一次快乐结局]第15集.webm" type="video/webs" />
    <source src="../[再一次快乐结局]第15集.ogg" type="video/ogg" />
    </video>

     您的浏览器暂不支持此格式! 
    </video>

    source:解决浏览器的兼容性问题,但此时video标签内不能使用src

    以上三种视频格式,浏览器会根据格式选择播放,哪种格式合适就哪种,若格式都不满足,将会显示source标签中的内容;

    二,音频

    <audio controls="controls" > 您的浏览器暂不支持!
    <source src="../爱你.mp3" type="audio/mp4" />
    <source src="../爱你.webm" type="audio/webs" />
    <source src="../爱你.ogg" type="audio/ogg" />
    </audio>

    与video相比,减少的属性:width poster

  • 相关阅读:
    腾讯与唯品会笔试面试经历
    JavaCodeTra 猴子选猴王 约瑟夫循环
    HBase开发错误记录(一):java.net.UnknownHostException: unknown host: master
    fedora
    Qt5.1 静态编译
    Linux/Ubuntu下 静态编译Qt程序
    地铁车型
    交流屏和直流屏的区别
    不间断电源(UPS)
    一级负荷供电
  • 原文地址:https://www.cnblogs.com/Litter-Tulip/p/5263174.html
Copyright © 2011-2022 走看看