Html学习笔记7:嵌入音频和视频

HTML5的<video>元素不需要借助flash插件就可以实现视频播放,有以下常用属性。
视频的URL为src,视频的宽度width,视频的高度height,autoplay设置后表示立刻开始播放视频,preload设置后表示预先载入视频,controls设置后表示显示播放控件,loop设置后表示反复播放视频,muted设置后表示视频处于静音状态,poster指定视频数据载入时显示的图片。

其中的preload属性有三个值:none表示什么都不加载,metadata表示只能加载元数据(宽高、第一帧视频等信息),auto表示请求浏览器尽快下载整个视频。
用来嵌入音频内容,属性只有src,autoplay,preload,controls。用法都一样。

    <!DOCTYPE html>  
    <html lang="zh-cn">  
    <head>  
        <title>音频和视频</title>  
        <meta charset="utf-8">  
    </head>  
    <body>  
        <!-- <video src="test.mp4" width="800" height="600" controls loop poster="tx.jpg" preload="auto"></video> -->  
        <video width="800" height="600" controls loop poster="tx.jpg" preload="auto">  
            <source src="test.webm">  
            <source src="test.mp4">  
            <source src="test.ogg">  
            <object>实现flash插件的播放,如果屏蔽IE9以下,则不需要</object>  
        </video>  
        <audio controls>  
            <source src="test.mp3">  
            <source src="test.m4a">  
            <source src="test.wav">  
        </audio>  
    </body>  
    </html>  

这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_37700647/article/details/78218783