HTML5中使用audio标签如何避免主播重新播放音乐?

发布于 2024-11-08 12:57:54 字数 560 浏览 0 评论 0原文

我创建了一个 HTML 页面,带有标签(适合播放 HTML5 mp3 音频)。

问题是我有带有锚点的链接,并且 Internet Explorer 9 浏览器从头开始播放音频:每次单击同一页面的锚点都会重新启动音乐。

链接是:

< a href="#bio" > Biography < /a>

< a href="#contact" > Contact < /a>
...

锚点是:

<a name="bio"></a>
...
<a name="contact"></a>
...

音频标签是

<audio id="hello" src="hello.mp3" controls preload="auto" 
autobuffer style="display:none"></audio>

当用户单击带有锚点的链接时,如何避免重新启动音乐?

I have create an HTML page, with the tag (proper for playing HTML5 mp3 audio).

The problem is that I have links with anchors, and Internet Explorer 9 browser is playing back the audio from start: each click on anchors to the same page is restarting the music.

The links are:

< a href="#bio" > Biography < /a>

< a href="#contact" > Contact < /a>
...

The anchors are:

<a name="bio"></a>
...
<a name="contact"></a>
...

and the audio tag is

<audio id="hello" src="hello.mp3" controls preload="auto" 
autobuffer style="display:none"></audio>

How can I avoid the restart of the music when user clicks on links with anchors?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

冰雪梦之恋 2024-11-15 12:57:54

@robertc,很好!

将锚点的 name 属性替换为 id 就可以了!

@robertc, nice!

Replacing anchors' name property with id did the trick!

我的奇迹 2024-11-15 12:57:54

完整地说:当点击 name="" 链接时,IE 会触发 Document.onLoad 事件,而如果您使用 id="" ,则不会。 Moz / Safari / Chrome / Opera 在任何一种情况下都不会触发它。

To be complete: IE fires the Document.onLoad event when following a link to a name="", whereas they do not if you use an id="" . Moz / Safari / Chrome / Opera don't fire it in either case.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文