Как изменить CSS ссылки Play после полного воспроизведения файла WAV в Javascript / jQuery - PullRequest
Новая
       21

Как изменить CSS ссылки Play после полного воспроизведения файла WAV в Javascript / jQuery

1 голос
/ 02 августа 2011

У меня есть требование изменить ссылку Play 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>

Нужна любая поддержка

1 Ответ

2 голосов
/ 02 августа 2011

Поскольку вы не используете плеер, это невозможно.Тег <embed> не предоставляет никаких событий, как тег HTML5 <audio>.Вы должны будете либо использовать звуковую flashmovie, которая в конце запускает действие, вызывая его из actionScript.Или используйте игрока, который выставляет эти события.

...