javascript - 如何在 Javascript/jQuery 中完全播放 wav 文件后更改播放链接的 css

Question

我需要在媒体文件播放完毕后更改播放链接 css/image。假设我们在页面加载时有一个播放图标，当用户点击播放图标时，它将变为停止图标。现在的要求是当媒体文件播放完后，停止图标必须自动更改为播放图标。下面是我们使用的示例 HTML 代码

CSS 代码

<style>
.css-play{
height:21px;  display:block;cursor:pointer;
background: url(/images/backgrounds/ct_initial.gif) left top no-repeat;
}
.css-stop {
height:21px; display:block;cursor:pointer;
background: url(/images/backgrounds/ct_playing.gif) left top no-repeat;
}
</style>

Javascript 代码

<script  type="text/javascript">
    function Play(songname,ctrl)
    {
      document.getElementById("divEmbed").innerHTML='<embed id="sound" NAME="sound" src="'+songname+'"  autostart="true" type="audio/wav" ></embed>';
       ctrl.className  = 'css-stop';
    }
    </script>

HTML代码

<div id="divEmbed" > </div>
<a onclick="Play('preview.wav',this);" class="css-play" >click</a>

寻求任何形式的支持

Answer 1

因为您没有使用播放器，所以这是不可能的。 <embed>标签不公开像 HTML5 的 <audio> 这样的事件标签确实如此。您要么必须使用只有声音的 flashmovie，它通过从 ActionScript 调用它来在最后运行您的 Action 。或者使用播放器来公开这些事件。