Загрузить динамический источник видео из JavaScript? - PullRequest
Новая
       7

Загрузить динамический источник видео из JavaScript?

0 голосов
/ 03 сентября 2018

Чего я хочу добиться, так это чтобы источник видео был произвольно установлен от «1.mp4» до «4.mp4», где находится rand. int генерируется при каждой загрузке / обновлении.

Javascript: 

function getRndInteger(min, max) {
        return Math.floor(Math.random() * (max - min + 1) ) + min;
      }
      var video = document.getElementById("video");
      video.setAttribute('src', getRndInteger(1,4) + '.mp4');
      video.load();

HTML: 

<video autoplay muted loop id="video"></video>

К сожалению, при загрузке сайта видео не воспроизводится. Я также попытался изменить src источника, но этот метод не работает. Я также попытался добавить video.play (); который не работает так же хорошо. Любая помощь приветствуется!

Ответы [ 2 ]

0 голосов
/ 03 сентября 2018

Я наконец понял, что я сделал не так. Код работает, но я использовал атрибут type="javascript" вместо type="text/javascript". Я буду держать вопрос в том случае, если кто-то захочет сделать что-то подобное в js:)

Я также хотел бы поблагодарить вас всех за помощь!

0 голосов
/ 03 сентября 2018

Этот скрипт отлично работает в Chrome. Вы уверены, что запускаете свой JS-скрипт ПОСЛЕ отображения HTML? Поместите свой тег перед тегом закрытия тела. Вы уверены, что у вас есть действительные файлы MP4 в данном каталоге?

Вы получаете какие-либо ошибки? 

<html>
<head></head>
<body>

<video autoplay muted loop id="video"></video>

<script>

function getRndInteger(min, max) {
        return Math.floor(Math.random() * (max - min + 1) ) + min;
      }
var video = document.getElementById("video");
video.setAttribute('src', getRndInteger(1,4) + '.mp4');
video.load();

</script>
</body>
</html>
...