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

  • 相关阅读:
    CSS布局设计
    Gulp自动化构建工具的简单使用
    雅虎前端优化的35条军规
    CSS预编译器less简单用法
    java 数据相除
    idea 配置文件中文显示问题
    postgresql 表触发器
    postgresql 自定义函数
    postgresql 自定义聚合函数
    CentOS 6.5 yum安装mysql5.6或其他版本【默认yum只能安装mysql 5.1】 by jason
  • 原文地址:https://www.cnblogs.com/hqqq/p/5302062.html
Copyright © 2011-2022 走看看