• 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

  • 相关阅读:
    mysq,oraclel复杂SQL操作汇总
    mysql查询速度慢的分析和解决
    mysql存储引擎介绍
    mysql数据库函数之left()、right()、substring()、substring_index()
    消息中间件之ActiveMQ
    正则表达式过滤url请求
    http请求常见错误状态码
    Ehcache缓存数据
    eclipse运用经验
    MySQL 触发器trigger
  • 原文地址:https://www.cnblogs.com/Litter-Tulip/p/5263174.html
Copyright © 2020-2023  润新知