关于IE上embed自动播放

最新推荐文章于 2023-03-01 22:11:24 发布

ClumsyCoder

最新推荐文章于 2023-03-01 22:11:24 发布

阅读量5.9k

点赞数 1

分类专栏：随手记文章标签： embed

本文链接：https://blog.youkuaiyun.com/clumsyCoding/article/details/79907478

版权

在维护的平台上，为了实现异常数据提醒功能，作者利用HTML标签播放音频。最初使用<video>标签，在360浏览器的极速模式和兼容模式下工作正常。然而在实际项目中遇到IE浏览器音频无法自动播放的问题。通过搜索发现需要html5media.js库，但因控制需求选择了<embed>标签。使用条件判断写入embed标签未成功，最终通过直接操作DOM元素实现音频的自动播放和暂停，例如：`var obj = $("#music")[0]; obj.Play(); obj.Pause();`

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近要给维护的平台添加一个功能：如果有异常数据请立刻提示，这里我就打算在页面加一段音频文件，如果有异常数据就播放这个音频文件，如果没有就不播放这个音频文件。最开始我用的是html5的<video>标签(这里没用audio标签当时没注意到)，我也随意的写了一个案例试了一下是可以的(公司项目用的是IE),这里给出案例：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>播放音频</title>
</head>
<body>
	<h1>播放音频</h1>
	<embed src="1.mp3"  width="320" height="240" autostart="true" loop="0" >
	</embed>
</body>
</html>

一个jsp页面，用360浏览器的极速模式和兼容模式都是可以打开并且播放的，效果如下