Как встроить HTML тег в JS функцию?

Question

[pashulke]

Нужно после полной загрузки страницы запустить аудио (autoplay - не то). Как запустить аудио лишь после выполнения этого кода:

if (document.readyState === "complete") {
			//запуск аудио
}

Всё перепробывал, но ничего не работает. Есть какой-то способ?

Answer 1

[Appp Zooo]

Попробуйте так:

document.onreadystatechange = function () {
  if(document.readyState === "complete"){
    var audio = document.getElementById('audio');
    console.log(audio);
    audio.play();
  }
}

Причина -> https://stackoverflow.com/questions/16450973/why-j...

Comments

[pashulke]

Да, теперь всё хорошо

[Appp Zooo]

@pashulke Пожалуйста :) хотя я сам редко сталкивался с таким т.к. юзал функции от jq.

Answer 2

[personaljs]

var audio = document.getElementById('audio');
audio.play();

Comments

[pashulke]

То есть присвоить к id="audio", а потом поместить код в readyState? Не работает так.

[personaljs]

вот только попробовал сам все работает. Присвойте ид к аудио тегу, получите его в условии и запустите через play()

[pashulke]

Ещё раз попробовал - не работает. Может быть что-то не так? Есть . + есть скрипт if (document.readyState === "complete") {
var audio = document.getElementById('audio');
audio.play();
}. В итоге, после загрузки страницы аудиозапись не играет

[personaljs]

Если все равно не работает, проверьте добавлено ли аудио на страницу в момент вызова play()

[pashulke]

Блин. Есть "audio src="sound.mp3" loop id="audio" /audio"

[personaljs]

if (document.readyState === "complete") {
var audio = document.getElementById('audio');
console.log(audio);
audio.play();
} перенесите этот код перед закрывающимся тегом боди

[personaljs]

и посмотрите в консоли что выдаст

[pashulke]

В консоли ничего не выдаёт.