音视频播放及浏览器兼容

最新推荐文章于 2024-04-27 05:22:24 发布

Elon Zhu

最新推荐文章于 2024-04-27 05:22:24 发布

阅读量349

点赞数

文章标签：音视频 javascript html

本文链接：https://blog.csdn.net/weixin_46228933/article/details/129432691

版权

音视频播放及浏览器兼容

edge浏览器中可以切换ie模式：

右上角三个点->设置->默认浏览器->允许在ie模式下重新加载网站
重启后，右上角三个点->在ie浏览器下重新加载网站

此时还不可以调试，按F12它会显示开发人员工具在ie模式下不可用

可以点击了解详细详细信息，里面有解决办法，即：

win+r键启动运行程序
输入%systemroot%\system32\f12\IEChooser.exe,点击确定，即运行IEChooser
点击ie开发者工具右上角电脑图标的数字即可切换ie版本啦

另外，播放器在不同浏览器显示不一样，不怕你丑，就怕你不一样，所以要用css和js改成统一的样式

切换版本后会发现在ie8中不支持播放音频

<body>
    <!-- 
        audio 替换元素 用来向页面引入一个外部音频文件
        音视频文件引入时，默认不允许用户控制播放停止
        属性：
            controls 是否允许用户控制播放，不需赋值，写上就可以控制
            autoplay 音频是否自动播放，只要写上就会自动播放，
            但目前大部分浏览器不会自动播放
            loop 音乐是否循环播放，写上就会循环
     -->
     <audio src="../source/许嵩-如果当时.flac" controls autoplay loop&