html5_音视频的兼容性写法

Posted xxm980617

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html5_音视频的兼容性写法相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <video controls width="300" height="300">
            <source src="resource/video/OUTPUT.mp4" type="video/mp4"></source>
            <source src="resource/video/OUTPUT.ogv" type="video/ogg"></source>
            <source src="resource/video/OUTPUT.webm" type="video/webm"></source>
            当前浏览器不支持 video直接播放，点击这里下载视频： <a href="resource/video/OUTPUT.mp4">下载视频</a>
        </video>
        
        <audio controls >
            <source src="resource/audio/OUTPUT.mp3" type=‘audio/mpeg‘></source>
            <source src="resource/audio/OUTPUT.aac" type=‘audio/aac; codecs="aac"‘></source>
            <source src="resource/audio/OUTPUT.ogg" type=‘audio/ogg; codecs="vorbis"‘></source>
            当前浏览器不支持 video直接播放，点击这里下载视频： <a href="resource/audio/OUTPUT.mp3">下载视频</a>
        </audio>
        
        <audio src="resource/audio/OUTPUT.ogg" controls></audio>
    </body>
</html>

 

以上是关于html5_音视频的兼容性写法的主要内容，如果未能解决你的问题，请参考以下文章

怎么让 html5 的 video标签在 ios播放

简易的html5视频播放倍速代码写法

html5新增

html5结合flash实现视频文件在所有主流浏览器兼容播放

使用 FFMPEG 的 PHP HTML5 兼容 MP4 视频

uni app video视频播放开发