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

  • 相关阅读:
    基于CNN的图像检测算法
    深度学习网络架构(三):VGG
    深度学习网络架构(二):AlexNet
    jupyter notebook问题记录
    JavaScript学习笔记
    spring-boot学习
    项目部署到heroku遇到的问题
    Android开发百度地图应用——实现定位功能
    C9+heroku部署
    C# WebApi定时任务FluentScheduler的使用
  • 原文地址:https://www.cnblogs.com/hqqq/p/5302062.html
Copyright © 2011-2022 走看看