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

【问题标题】：How to change css of a Play link once the wav file is played completely in Javascript/jQuery在 Javascript/jQuery 中完全播放 wav 文件后如何更改播放链接的 css
【发布时间】：2011-10-17 23:47:13
【问题描述】：

媒体文件完全播放后，我需要更改播放链接 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>

寻求任何形式的支持

【问题讨论】：

我建议您使用任何预定义的媒体播放器，因为有几种情况需要您一次又一次地编写自己的代码（例如，暂停、加载、快进等）和当您使用预定义的媒体播放器时，附加插件有一个优势。如果您要创建一个基于音乐的项目，那么视频就可以了，它将节省大量时间。
@kvijayhari - 我的要求是页面上不会有任何 Flash 播放器，并且只有播放链接可用，只要用户单击该链接，音频就会在后台播放。您能否为此提出任何好的示例或参考。

标签： javascript jquery embed media-player

【解决方案1】：

由于您没有使用播放器，因此这是不可能的。 <embed> 标签不会像 HTML5 的 <audio> 标签那样暴露任何事件。您要么必须使用只有声音的 flashmovie，最后通过从 actionscript 调用它来运行您的动作。或者使用暴露这些事件的播放器。

【讨论】：

嘿实际上，我的要求是页面上不会有任何 Flash 播放器，并且只有播放链接可用，每当用户单击该链接时，音频就会在后台播放。您能否为此提出任何好的示例或参考。
如果没有 Flash，您将不得不挂钩玩家提供的事件。看这里：johnny-ray.com/swaggplayer 是一个暴露事件并依赖 jQuery 的播放器示例。
谢谢。这真的帮助了我。 +1 和接受的答案