Не работает скрипт в firefox, в хроме все работает?
Добавил скрипт для остановки аудио по кнопке, в хроме все останавливает, в мозиле не хочет. Но один нюанс. Аудио находится в блоке "Вопроса квиза". Если аудио вынести за пределы блока то в мозиле останавливает аудио. Но почему работает в хроме, даже если аудио находится в блоке вопроса.((
function myEvent() {
console.log('My Event!');
var audios = document.getElementsByTagName('audio');
var audios1 = audios[0];
audios1.muted = true;
audios1.onended = true;
for (var i = 0; i < audios.length; i++) {
var audio = audios[i]
// Stop playing
audio.pause();
audio.currentTime = 0;
audio.ended = true;
}
audios1.volume = 0;
console.log(audios);
console.log(audios1);
//jq_QuizNextOn();
}
сама кнопка
<div id="jq_next_link_container" onclick="myEvent()"><div class="jq_back_button" id="jq_quiz_task_link_container"><a class="btn btn-primary" href="javascript: void(0)" title="NEXT">NEXT</a></div></div>
Звук находит, свойство применяет, но аудио играет дальше
код блока с аудио
<div id="jq_quiz_container_tbl" class="jq_quiz_container_tbl">
<div class="error_messagebox"><span id="error_messagebox" style="display: none; visibility: hidden;"><!-- x --></span></div>
<div class="jq_time_tick_container"><span id="jq_time_tick_container"><!-- x -->00:00</span></div>
<div id="jq_quiz_container1" style="opacity: 1;" class="">
<div id="jq_quiz_container" style=""><div style="position: relative;" id="qcontainer3"> <div class="jq_question_text_cont"><div id="quest_div3" style="position: relative;" class="jq_question_inner"><span class="error_messagebox_quest" id="error_messagebox_quest3"><!-- x --></span><div style="clear:both;"><p>egwrehtenth</p>
<p><audio src="/images/audio/far_from_love.mp3" type="audio/ogg">audio2</audio>aud2</p></div></div></div> <div class="jq_question_answers_cont"><div style="width:100%;clear:both;" id="div_qoption3"><form onsubmit="javascript: return false;" name="quest_form3"><input type="hidden" value="0" name="c_qform">
<table class="jq_mchoice" align="left">
<tbody><tr><td class="jq_input_pos" valign="top"><input id="quest_choice_7" name="quest_choice" value="7" type="radio"></td><td class="quest_pos" align="left"><label for="quest_choice_7"><p>vsdvsdvsdvs</p></label></td>
</tr>
<tr><td class="jq_input_pos" valign="top"><input id="quest_choice_8" name="quest_choice" value="8" type="radio"></td><td class="quest_pos" align="left"><label for="quest_choice_8"><p>1e1e1e1e1e</p></label></td>
</tr>
</tbody></table>
</form></div></div> </div></div>
<div id="jq_quiz_result_container" class="jq_quiz_result_container"><!-- x --></div>
</div>
<div class="jq_bottom_container">
<div id="jq_panel_link_container" class="jq_panel_link_container">
<a id="jq_panel_link" href="javascript: void(0)" onclick="javascript: jq_ShowPanel();">Show Results Panel</a>
</div>
<div class="jq_flagged_question">
<input type="checkbox" name="c_flag" id="c_flag">
<label for="c_flag" id="c_flag_label"><img src="/components/com_joomlaquiz/assets/images/flag.png"> Flag Question</label>
</div>
<div class="jq_quiz_task_container" style="display: block;"><div onclick="javascript:JQ_gotoQuestionOn(1)" id="jq_continue_link_container"><div id="jq_quiz_task_link_container" class="jq_back_button"><a class="btn btn-primary" title="SKIP" href="javascript: void(0)">SKIP</a></div></div><div id="jq_next_link_container" onclick="myEvent()"><div class="jq_back_button" id="jq_quiz_task_link_container"><a class="btn btn-primary" href="javascript: void(0)" title="NEXT">NEXT</a></div></div><div onclick="javascript:jq_QuizNextFinish()" id="jq_finish_link_container"><div id="jq_quiz_task_link_container" class="jq_back_button"><a class="btn btn-primary" title="FINISH" href="javascript: void(0)">FINISH</a></div></div></div>
</div>
</div>
видео с примером -
https://screenrec.com/share/D16g9Lj3sy