Как автоматически воспроизвести музыку с помощью аудио тега в JQuery?

Question

Я хочу автоматически воспроизвести mp3-файл в jquery

Я использовал этот код, цикл

function musicStart() {
  pop = window.open('', 'back__music', 'width=100,height=100', true);
  pop.document.write('<audio controls autoplay loop><source 
  src="./music.mp3"/></audio>');
}

работает, но автозапуск не выполняется.

при добавлении autoplay="true" или autoplay="1" или autoplay="autoplay" для звукового тега, результаты были одинаковыми.

или когда я использовал встроенный тег, он не воспроизводил музыку повторно.

я надеваювсе равно, используя аудио тег или тег для вставки

как я могу это сделать?

Answer 1

В jQuery вы можете добиться этого как:

$('.music').html('<audio controls autoplay> <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"  type="audio/mpeg"> </audio>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="music">

</div>

Answer 2

Я знаю решение!

Я решил таким образом, если есть кто-то, у кого такая проблема, как я, следуйте за мной.

Сначала введите здесь ссылку ~ chrome: // flags / # autoplay-policy и проверка по умолчанию на Жест пользователя не требуется

после этого измените свой код следующим образом

function musicStart() {
    pop = window.open('', 'back__music', 'width=100,height=100', true);
    if (back__music.location.href === 'about:blank') {
        pop.document.write('<audio controls autoplay loop><source src="./music.mp3" type="audio/mp3"/></audio>');
    }
}

желаю с тобой надежды:)

Answer 3

$('audio')[0].play(); (при условии, что у вас есть только один audio на вашей странице) должен выполнить работу.

Базовый пример:

$('audio')[0].play();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio controls>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4'></audio>