audio和EMBED配合同时兼容IE8和safiri

最新推荐文章于 2022-03-07 00:03:52 发布
最新推荐文章于 2022-03-07 00:03:52 发布
阅读量4.3k 收藏 2
点赞数
文章标签： audio HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hua245942641/article/details/49744449
版权

在HTML5中通常使用audio标签来播放背景音乐

<audio id="musicAudio" loop="" src="./media/bg.mp3" autoplay preload></audio>

同时会出现两个问题：
1、IE8不支持audio属性
2、safiri必须等待用户的交互动作后才能播放media

解决方法如下：
1、IE8不支持audio属性
通过配合使用EMBED和audio来达到同时支持IE8和其它浏览器。
if lte IE 8能够在IE8之下使用EMBED标签即可。

<!--[if lte IE 8]>
<EMBED src="./media/bg.mp3" aut
最低0.47元/天 解锁文章
华仔呵呵呵呵
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于IE上embed自动播放
clumsyCoding的博客
04-12 5867
    最近要给维护的平台添加一个功能：如果有异常数据请立刻提示，这里我就打算在页面加一段音频文件，如果有异常数据就播放这个音频文件，如果没有就不播放这个音频文件。最开始我用的是html5的&lt;video&gt;标签(这里没用audio标签当时没注意到)，我也随意的写了一个案例试了一下是可以的(公司项目用的是IE),这里给出案例：&lt;%@ page language="java" cont...
embed 在ie上播放视频
ljqzxw的博客
03-01 237
因为要兼容ie8，不得不用embed播放视频，但是由于yyds浏览器ie对embed有特殊的展示方法，为视频提供了一个Windows Media Player控件，这个控件在embed被移除后不会消失！翻遍了百度查到一个叫windowlessVideo（默认值false） 的属性，这个属性为true时可以不显示Windows Media Player控件！今天遇到个奇葩的问题，embed 在ie上播放视频，通过js移除embed后，会在网页上留下个黑框（video没有这问题）。
使用 audio 和 embed 实现浏览器兼容的网页声音播放
yimiyangguang的专栏
07-27 1万+
使用 audio 和 embed 实现浏览器兼容的网页声音播放
采用 audio 和 embed 实现浏览器的兼容性页音频播放
weixin_34293141的博客
11-06 271
采用 audio 和 embed 实现浏览器的兼容性页音频播放 采用 audio 和 embed 实现浏览器的兼容性页音频播放 学习参考源代码如下所示： function playSound() { var borswer = window.navigator.userAgent.toLowerCase(); if ( borswer.indexOf( "ie...
兼容chrome和ie的wav音乐播放(Ie7 Ie8 Ie9 均测试过 )
weixin_30405421的博客
05-22 271
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
html标签之Object和EMBED标签详解
01-19
定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。 <object> 标签用于包含对象，比如图像...
ie6下embed标签不能播放视频问题解决方法
09-25
在我自己本机的ie8上能正常播放视频的程序（ie6也可以），放用户的电脑上就是不能正常播放，后来将embed换成object，问题得以解决
HTML5 embed标签定义和用法详解
09-28
HTML5的`<embed>`标签是用来插入外部内容的，这些内容通常是非HTML的，比如...在实际开发中，根据具体需求和浏览器兼容性，灵活选择`<embed>`、`<audio>`或`<video>`标签，才能确保内容在不同环境下都能正确展示。
HTML embed标签使用方法和属性详解
01-21
复制代码代码如下:embed src=url说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。 示例： 复制...
Audio在移动端的兼容性问题（1）
xiang1907的博客
03-04 1604
需求 做一个SPA的web互动测试游戏。题目是自动切换播放的音频，根据音频内容选择正确选项。 兼容移动端的微信，APP，浏览器和PC端的主流浏览器。 准备 第一步，我们先查看兼容性，打开Can I Use，CanIUse提供了各种浏览器所能支持的桌面和移动端网络前端Web技术，可以提高网站开发人员的工作效率（官方解释哈，不过这个工具确实不错，建议收藏）。 下面是关于audio兼容性图表： 可以看到，在移动端上用Audio是完全可行的（理论上是这样，实际操作你们懂的）。 第二步，我们查...
html5中audio支持音频格式的解决方法
11-21
HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式，但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持。不是所有的浏览器都支持MP3 OGG之类的，每个浏览器因为版权的问题支持的格式都是不一样的。 浏览器和音频兼容性 浏览器制造商并非都同意使用某种音频文件格式。对于图像，PNG、JPEG 或 GIF 格式的文件在任何浏览器上都能加载到您的网页里。遗憾的是，音频文件并非如此。表 1 展示了网页中可以使用的音频文件格式，但是并非所有格式都能用于所有浏览器。例如，Chrome、Internet Explorer 9 (IE9) 和
最新网页播放器，audio，兼容主流浏览器及iphone
03-19
使用jquery+JS打造的网页播放器，使用简单、扩展性强、能同时兼容IE、firefox、傲游、Google Chrome、Safari浏览器，同时支持iphone上播放。 本插件优点： 1、使用简单：使用面向对象的思想编写。直接new Player()对象就创建了一个播放器； 2、使用JSON格式传初始化参数； 3、支持AJAX动态读取歌曲列表； 4、播放器界面由你自由定制； 5、支持歌词同步显示； 6、可自动从网络上获取歌词； 7、播放时间进度条、声音进度条可自由控制； 8、支持歌曲列表排序、删除； 9、功能强大、使用简单、扩展性强 10、兼容性强，支持各主流浏览器及iphone
亲测可用。IE8下播放mp4格式的视频
09-18
经测完全可用。ie8 下播放mp4 ，在尝试过许多的方法后终于可以在IE8中播放MP4格式的视频了
IE8下播放音频，使用embed标签从数据库动态加载src
孤城幻夜
12-17 4838
在IE8下通过js给embed标签动态赋src值，使用之前加载视频的那种页面跳转方式发现不起作用，后来在某帖子上看到，可以通过js加载元素的方式动态赋值，方法如下： html页面: js代码： function previewAudio(filepath){    var thtml = '';    $("#audio_containt").html(thtml);
IE8可以兼容HTML5的标签
EathonZ的博客
09-26 1852
1.这是第一个 (function(e,t){function n(e,t){var n=e.createElement("p"),i=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x"+t+"",i.insertBefore(n.lastChild,i.firstChild)}functio
【HTML】音视频标签（audio、video、embed）
yy_bazinga的博客
03-07 2437
音视频音频audio标签属性controlsautoplayloop使用方式提示用户升级浏览器浏览器不支持MP3格式兼容低版本浏览器（embed标签）视频vidio标签兼容后的写法其他事项说明 音频 audio标签 我们通常用audio标签来向页面中引入一个外部的音频文件。 音视频文件引入时，默认情况下不允许用户自己控制播放停止。 属性 controls controls指定是否允许用户控制播放。 这个属性不是通过值来判断的，而是通过有没有，有这个属性就是允许，没有就是不允许。 autoplay autop
audio自动播放完美兼容实现方案
热门推荐
蜗牛的博客
04-03 1万+
前述：最近解决的一个疑难杂症，是关于audio自动播放与监听audio加载完成在ios上的兼容性问题，其表现为pc，安卓谷歌浏览器正常，ios微信，谷歌浏览器不正常。 需求：在音频加载前放置一个全局loading，音频加载完成后取消loading，并自动播放；项目为vue前端项目，兼容pc，移动端。 解决方案1（失败）： that.audioTimer=setTimeout(functi...
HTMLembed、播放音频audio、video
wfrm_123的博客
07-26 1040
有时候经常会在网站上面放一些音频和视频。 多媒体标签 embed:标签定义潜入的内容 audio:播放音频 video:播放音频 在本地是不提倡放视频的，用手机录视频会很大，而网站的容量是有限的。网站上传到服务器上是很贵的。1个G就要几百块钱。拍3-5个小视频就满了。 最常用的是把视频传到优酷上面，然后去调用优酷里面的地址。这样既不占用网站的空间，又能显示视频，一举两得。 多媒体embed 在优酷...
写一个html 嵌入 视频 的代码，兼容 IE8
最新发布
06-12
以下是兼容IE8的HTML代码示例，用于嵌入视频（请将视频链接替换为您自己的链接）： ```html <object classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="320" height="240" id="MediaPlayer"> <param name="url" value="your_video_url_here"> <param name="autoStart" value="false"> <param name="uiMode" value="none"> <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="MediaPlayer" src="your_video_url_here" width="320" height="240" autostart="false" showcontrols="false"></embed> </object> ``` 请注意，IE8及以下版本的浏览器不支持HTML5 video标签，因此需要使用Object和Embed标签来嵌入视频。同时，由于IE8对HTML和CSS的支持有限，所以建议使用更现代的浏览器来浏览网页。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值