и спасибо, что прочитали мой вопрос. Я хотел бы управлять аудиотегом HTML5 на каждой странице из набора фреймов. Чего я не хочу, так это предложения не использовать наборы фреймов. Используя JQuery, я могу управлять звуком следующим образом:
Набор фреймов индекса. html
<frameset rows="100%, 0%" frameborder="0">
<frame src="content.html" name="content" noresize>
<frame src="audio.html" name="audio" noresize>
</frameset>
content. html, для наших целей этот изолированный код и стили загружаются на каждую страницу:
<style>
.play {
display: block;
}
.pause {
display: none;
}
</style>
<button onclick="parent.audio.play()" class="play">Play</button>
<button onclick="parent.audio.pause()" class="pause">Pause</button>
audio. html:
<script type="text/javascript">
function play() {
$("audio").trigger("play");
$(".play", parent.content.document).css("display", "none");
$(".pause", parent.content.document).css("display", "block");
}
function pause() {
$("audio").trigger("pause");
$(".play", parent.content.document).css("display", "block");
$(".pause", parent.content.document).css("display", "none");
}
</script>
<audio>
<source src="audio_file.mp3" type="audio/mpeg">
</audio>
Итак нажатие кнопки воспроизведения будет одновременно воспроизводить звук в другом кадре, скрывать кнопку воспроизведения и отображать кнопку паузы. Кнопка паузы приостанавливает воспроизведение звука, скрывает кнопку паузы и показывает кнопку воспроизведения. Если пользователь щелкает ссылку в содержимом. html, он заменяет этот фрейм этой страницей, и воспроизведение звука продолжается. Это желаемая функциональность, но кнопка воспроизведения видна на этой новой странице, поскольку были загружены значения по умолчанию CSS.
Мне нужна функция, использующая JQuery, которая может определять, в другом кадре играет, и если да, скройте кнопку воспроизведения и покажите кнопку паузы, используя эти классы. Если это не так, не предпринимайте никаких действий - действия по умолчанию CSS в порядке.
Я прочитал в Интернете несколько других результатов, похожих на мою проблему, но ни один из них не работал или не работал должным образом. Я уверен, что более опытным дизайнерам, вроде вас, эта проблема кажется простой, я хотел бы узнать, что происходит. Спасибо.