html5音频及视频 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- 视频  controls提供播放、暂停、音量等控件,loop循环播放,autoplay自动播放
            常用方法paly()、pause()、load()等方法
    -->
    <video width="240" height="240" controls="controls" loop="loop" autoplay="autoplay">
        <!-- 浏览器使用第一个可识别的格式 -->
        <source src="movie.ogg" type="video/ogg">  
        <source src="movie.mp4" type="video/mp4"> 
        <!-- 以下供不支持video元素的浏览器显示  -->
        sssss.
    </video>

    <!-- 音频 ，与video类似 -->
    <audio src="/i/song.ogg" controls="controls">
        your brower does not surrport the audio element.
    </audio>

</body>
</html>

 

posted @ 2020-08-18 15:27  DurianTRY  阅读(94)  评论(0)  编辑  收藏  举报