В chrome удаляю div вместе с аудио, который играет — звук останавливается, в FF удаляю — звук играет дальше. Что нитак с Mozilla?

Question

[Sergey]

В chrome удаляю div вместе с аудио, который играет - звук останавливается, в FF удаляю - звук играет дальше. Что не так с Mozilla?

https://screenrec.com/share/D16g9Lj3sy

Answer 1

[Алексей Ярков]

Что нитак с Mozilla?

Mozilla продолжает воспроизводить аудио.
P.S. Может примерчик набросаете?

Comments

[Sergey]

https://screenrec.com/share/D16g9Lj3sy

В этих дивах аудио внутри

<p><audio src="/images/audio/far_from_love.mp3" autoplay="autoplay">audio2</audio>aud2</p>

1 - в мозиле, второцй в хроме как остановить это аудио я хз

Answer 2

[Aleksandr Kritskii]

Все останавливается же

Comments

[Sergey]

В видео нет пример. Даже если удалю все равно играет, хром отрабатывает без проблем, вот именно если внутри этого квиза то аудио не останавливается только в мозиле

[Aleksandr Kritskii]

Sergey, так можно же перед удалением на паузу поставить

в моем варианте, если и в хроме блок удалить, то продолжит играть

[Sergey]

@kritskiy_a, пауза звук, все равно играет(

[Aleksandr Kritskii]

Sergey, в моем примере тоже музыка на паузу не ставится?

у меня просто пауза в мозиле отрабатывает

[Sergey]

Aleksandr Kritskii, пауза работает само аудио загружено в html вот именно в этих блоках не останавливается, но если я аудио вставлю за этими блоками (в шаблон сацта), то пауза сработает. вот глюк только в мозиле такой(

[Sergey]

Aleksandr Kritskii, not worked https://screenrec.com/share/DsSRqUQ5OT

[Aleksandr Kritskii]

Sergey, в моем примере выше паузу отрабатывает у тебя?

скинь свои исходники, а то так долго гадать будем

[Sergey]

Aleksandr Kritskii,

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">&nbsp;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>

[Aleksandr Kritskii]

Sergey, еще раз спрашиваю:

в моем примере работает пауза в мозиле?

[Sergey]

Aleksandr Kritskii, да

[Aleksandr Kritskii]

Sergey, ну так получается с мозилой все ок, проблема в том, что вы написали
при этом, стоит значительно потрудиться, чтобы разобраться в том, что у вас написано и отчасти сложно понять зачем это написано
либо залейте куда-нибудь, чтобы можно было в реалтайме на работу посмотреть

ниже прикрепляю еще одну рабочую версию

[Sergey]

Aleksandr Kritskii, Привет вот ссыль на квиз сайт





На первом скрине старт квиза, на втором скрине кнопка по кроторой в хроме останавливается в Mozilla нет

[Aleksandr Kritskii]

Sergey, от того, что мои предложенные функции просто запихнули в уже имеющийся код - это просто так не заработает
как минимум из-за того, что они не вызываются

[Sergey]

Aleksandr Kritskii, pause не срабатывает. верней срабатывает pause:true, но музыка играет дальше, если нажать кнопку и запустить в консоли то там видны свойства
и это только в FF происходит в хроме все работает олтично