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播放器。

  • 相关阅读:
    01背包问题学习笔记
    状态压缩动态规划学习笔记
    并查集算法详解
    洛谷 P2939 [USACO09FEB]改造路Revamping Trails
    算法竞赛进阶指南 通信线路
    算法竞赛进阶指南 道路与航线
    NOIP2009 T3 最优贸易
    NOIP2017 Day1 T3 逛公园
    5.Go 语言数据类型:数组与切片
    4. Go 语言数据类型:byte、rune与字符串
  • 原文地址:https://www.cnblogs.com/hqqq/p/5302062.html
Copyright © 2011-2022 走看看