使用链接在html5音频播放器上设置当前时间

时间:2013-03-20 20:22:59

标签: html5 audio youtube timestamp

有没有人知道如何通过点击带有时间的链接来设置html5音频的currentTime属性?和Youtube一样吗?假设我点击“3:10”链接,它会立即将当前正在播放的音频的当前时间更改为3:10。

<audio controls loop class="sound">
    <source src="../../site/music/music1.mp3"/>
    <source src="../../site/music/music2.ogg"/>
</audio>

Lorem ipsum dolor sit amet, <b><a>3:10</a></b> consectetur adipiscing elit.

1 个答案:

答案 0 :(得分:0)

简单,只需使用或标记的 currentTime 属性即可。

注意:
- 当前时间以秒为单位,而不是分钟。所以3:10意味着第二个190 - 您应该为您的音频/视频示例提供ID:

<audio id="myAud" controls loop class="sound"> 
<a href="#" onClick="{myAud.currentTime=190;}">Set CurTime</a>