热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

火狐浏览器中使用JavaScript为audio标签的src属性赋值时遇到的问题及解决方案

在火狐浏览器中,使用JavaScript为``标签的`src`属性赋值时可能会遇到兼容性问题。本文详细探讨了这一问题的成因,并提供了一种有效的解决方案,确保音频文件能够在火狐浏览器中正常播放。通过调整JavaScript代码,可以避免常见的加载失败或播放中断现象,提升用户体验。

html源码:

js源码:

var fileName="";
$(function(){
var locatiOnUrl=window.location.href;
var paramList = locationUrl.split("?")[1];//取得参数
fileName=paramList.split("&")[0].split("=")[1];
document.getElementById("src").load();
$("#url").val(fileName);
$("#src").attr("src",fileName);

});

现象:展现页面时,录音文件没有加载。

火狐浏览器用audio标签,利用js给audio的src属性赋值问题(这个问题 好像只有火狐才有)

然后我看了浏览器中的代码,发现src是有值的。 我百度了下,别人说要重新加载下src  然后 我就在后面加了句:

 document.getElementById("src").load();

整个js代码 就是这样:

var fileName="";
$(function(){
var locatiOnUrl=window.location.href;
var paramList = locationUrl.split("?")[1];//取得参数
fileName=paramList.split("&")[0].split("=")[1];
document.getElementById("src").load();
$("#url").val(fileName);
$("#src").attr("src",fileName);
document.getElementById("src").load();
});

现象还是一样,问题还是没有解决。自己想了下,可能是加载的顺序有关,随后,

在后面增加了几句js:

$(window).load(function(){
document.getElementById("src").load();
});

问题完美解决。

--百度看了好多人都问了这个问题,我也刚好遇到就记录了下,希望以后遇到能解决。

 


推荐阅读
author-avatar
永远的菜鸟
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有