zoukankan      html  css  js  c++  java
  • 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>

    代码示例:

     

     两个都行

    效果图:

  • 相关阅读:
    查看端口有没有被占用
    微信公众号2()
    How to insert a segment of noise to music file
    puppet practice
    Docker Commands
    LempelZiv algorithm realization
    The algorithm of entropy realization
    Java network programmingguessing game
    Deploy Openstack with RDO and Change VNC console to Spice
    puppet overview
  • 原文地址:https://www.cnblogs.com/aryl/p/11831143.html
Copyright © 2011-2022 走看看