zoukankan      html  css  js  c++  java
  • html5中插入视频和音频

    1 <audio src="1.mp3" controls></audio>
    2 <video src="1.mp4" controls></video>

    <audio>标签:
    使用<audio>标签嵌入音频的最简单的一个例子,controls属性告诉浏览器包含基本的播放控件。
    <audio>标签还支持另外3个属性:
    preload:告诉浏览器如何下载音频。
    autoplay:加载完音频后立即播放,不需要用户点击播放按钮。要实现背景播放,可以去掉controls属性,使用autoplay。
    loop:是否循环播放音频。

    <video>标签:
    <video>标签的使用和<audio>几乎完全一样,它们具体相同的属性。<video>还有另外3个属性,height和width用来设置视频窗口的高和宽;poster用于设置替换视频的图片。

    关于格式的兼容性的问题:
    为了在不支持某种编码格式的浏览器中都能看到同样的音频和视频,解决方法是在<video></video>中嵌套<source>标签。即,拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件(如果有的话):
    <audio controls>
       <source src="horse.ogg" type="audio/ogg">
       <source src="horse.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
    </audio>

    关于html5兼容性的问题:
    为了让不支持html5的浏览器也能看到视频内容,我们使用flash作为后备。在<video>标签内嵌套<object>标签插入flash播放器。

  • 相关阅读:
    IP通信基础学习第八周
    IP通信基础学习第七周(下)
    IP通信基础学习第七周(上)
    IP通信基础学习第六周(下)
    mysql 笔记
    一个不错的MYSQL数据库备份类,PHP版,一个文件,精简版
    Linux下apache日志(按日期存放)分析与状态查看方法
    呵呵
    docker-compose常用命令
    mysql 数据备份
  • 原文地址:https://www.cnblogs.com/hqqq/p/5302062.html
Copyright © 2011-2022 走看看