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，您可以更改视频的源网址。在数组中存储不同的视频网址，并使用随机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>

刷新后播放新视频

1 个答案: