• HTML媒体元素的使用


    一、视频

    语法:

    <video src="视频路径" controls="controls"></video>
    其中src属性用于指定要播放的视频文件的路径,controls属性用于提供播放,暂停和音量控件,此外,还可以使用width和height设置视频的宽度和高度
    如果浏览器不支持video元素,可以在video元素中间插入一段文字用于提示,这样,旧的浏览器就可以显示这段文字给用户看。具体操作如下:
    <video src="视频路径" controls="controls">你的浏览器不支持video标签</video>

    代码示例一:由于浏览器支持的视频格式不同,所以为了能播放同一个视频,可以多放几个视频源,如果第一个不行会默认播放下一个的。

    示例二:

    <video src="video/video.mp4" controls="controls"></video>

     效果图:

    二、音频

    语法:

    语法:
    <audio src="音频路径" controls="controls"></video>
    其中src属性用于指定要播放的音频文件的路径,controls属性用于提供播放、暂停和音量控制,此外,还可以用width和height设置音频的宽度和高度
    如果浏览器不支持audio元素,那么可以在audio元素中间插入一段文字用于提示,这样,旧的浏览器就可以显示这段文字给用户
    <audio src="音频路径" controls="controls">你的浏览器不支持audio标签</audio>

    代码示例:

     

     两个都行

    效果图:

  • 相关阅读:
    计算机视觉(四)
    计算机视觉(三)
    计算机视觉(二)
    计算机视觉(一)
    基于opencv3实现运动物体识别
    tensorRT程序设计框架_4
    Cuda程序的设计-2
    神经网络的快速体验
    STL简介_18
    函数模板-17
  • 原文地址:https://www.cnblogs.com/aryl/p/11831143.html
Copyright © 2020-2023  润新知