javascript - HTML5 嵌入标签 - 事件属性未触发(onend、onpause 等)

标签 javascript html audio tags embed

我已经搜索了很多小时试图找到这个问题的解决方案。我有一个 HTML5 网页,其中包含一个背景声音文件,该文件在页面加载时自动播放,并且我试图在声音文件播放完毕时运行一个函数。我已将正在使用的代码隔离到测试文件中,以确保没有其他原因导致问题。声音在 Firefox 中播放得很好(我正在用它来测试)。从我尝试过的许多解决方案来看,嵌入标记中的事件属性似乎根本没有触发。

这是我正在使用的测试 HTML 页面(尝试将 HTML 放入此处,但它无法正确显示,我知道这可能是一个菜鸟错误,但我对此很着急):

Testpage

正如您所看到的,消息功能运行良好,正如单击“TEST”链接时所指示的那样。但媒体事件的消息不会出现。

如果有人能帮助我解决这个问题,我将不胜感激,因为这是一个时间紧迫的公司项目。我很乐意尝试事件属性的替代解决方案,只要我能让我自己的 Javascript 函数在声音文件到达结尾时运行,我就会很高兴!!

谢谢!

  • 比利

最佳答案

由于您使用的是 HTML5,因此最好使用 <audio>标签而不是 <embed> 。这在我的示例中效果很好:

http://jsfiddle.net/u6dbV/

您可以在此处包含 HTML,但必须将其标记为代码,否则它将被删除。

关于javascript - HTML5 嵌入标签 - 事件属性未触发(onend、onpause 等),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10667808/

相关文章:

javascript - 使用 javascript 更改 iframe 的 src(与主机页面不同的域)是否被视为跨站点脚本?

javascript - ECMAScript(ECMA-262 5.1)中的 `base value` 的 `reference` 是什么?

javascript - 如何在不同页面之间创建动画页面转换?

javascript - 检索 iframe 的内容

javascript - 在 HTML 中使用带有多个条件的 ng-if

c# - N Audio中AudioFileReader.Length和AudioFileReader.TotalTime有什么关系?

javascript - 在 flask 后端保存音频

javascript - Firebase http 将请求放在 for 循环中

javascript - HTML5 <audio> textTrack.kind=subtitles cueChange 事件在 FireFox 中不起作用

php - 数据库项作为 Bootstrap 4 张卡片