vedio标签和source标签-CSDN博客

  • 阿里云国际版折扣https://www.yundadi.com

  • 阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

    < video >元素用于在HTML或者XHTML文档中嵌入媒体播放器用于支持文档内的视频播放。
    < source >元素为< picture >,< audio >或者< video >元素指定多个媒体资源

    video标签常见属性
    1、autoplay 如果出现该属性则视频在就绪后马上播放
    2、controls 如果出现该属性则向用户显示控件比如播放按钮
    3、loop 如果出现该属性则当媒介文件完成播放后再次开始播放
    4、muted 如果出现该属性视频的音频输出为静音
    5、src 要播放的视频的 URL

    source标签常见属性
    1、src 规定媒体文件的 URL
    2、type 规定资源的媒体类型video/oggvideo/mp4video/webm
    source标签可以写多个

    代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <video autoplay muted controls loop src="xxxxxx.mp4"></video>
        <video autoplay muted controls loop >
            <source src="xxxxxx.mp4" type="video/webm">
        </video>
    
    </body>
    </html>
    
  • 阿里云国际版折扣https://www.yundadi.com

  • 阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6