HTML5中使用audio标签如何避免主播重新播放音乐?
我创建了一个 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
@robertc,很好!
将锚点的
name
属性替换为id
就可以了!@robertc, nice!
Replacing anchors'
name
property withid
did the trick!完整地说:当点击 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.