Воспроизвести новое видео после обновления

Question

Я пытаюсь сделать видеопроигрыватель, который воспроизводит новое видео каждый раз, когда я обновляю страницу. Как это будет достигнуто и какой язык я буду использовать? Пример: скажем, у меня есть веб-сайт с 3-мя видео на нем. После загрузки веб-страницы начинается воспроизведение видео. Если вы перезагрузите страницу, начнется воспроизведение другого случайного видео (только 1 видео за обновление). Когда вы снова обновите страницу, начнет воспроизводиться другое видео и т. Д. Как это будет сделано?

Answer 1

вы можете создать видео с помощью HTML

<video id="videoItem"> 
    <source src="video.mp4" type="video/mp4" /> 
    <source src="video.ogg" type="video/ogg" /> 
</video> 

, чем с помощью JavaScript, вы можете изменить URL источника видео. магазин отличается ссылки на видео в массиве, а также использовать случайную Int, чтобы выбрать один из адресов

<script> 
    // function to generate random int inside a given range 
    function getRandomInt(min, max) { 
     return Math.floor(Math.random() * (max - min + 1)) + min; 
    } 
    var video = document.getElementById('videoItem'); 
    var sources = video.getElementsByTagName('source'); 
    var videoUrlsMp4=["URL1.mp4", "URL2.mp4", "URL3.mp4"]; 
    var videoUrlsOgg4=["URL1.ogg", "URL2.ogg", "URL3.ogg"]; 
    var random_nr = getRandomInt(0, videoUrlsMp4.length-1); 
    sources[0].src = videoUrlsMp4[random_nr ]; 
    sources[1].src = videoUrlsOgg4[random_nr ]; 
    video.load(); 
</script>