Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 刷新后播放新视频_Javascript_Html_Video - Fatal编程技术网

Javascript 刷新后播放新视频

Javascript 刷新后播放新视频,javascript,html,video,Javascript,Html,Video,我正在尝试制作一个视频播放器,在每次刷新页面时播放新视频。这将如何实现?我将使用什么语言? 例如:假设我有一个有3个视频的网站,一旦你加载了这个网页,一个视频开始播放。如果重新加载页面,将开始播放另一个随机视频(每次刷新仅播放一个视频)。再次刷新页面后,另一个视频开始播放,依此类推。如何实现这一点?您可以通过html创建视频 <video id="videoItem"> <source src="video.mp4" type="video/mp4" />

我正在尝试制作一个视频播放器,在每次刷新页面时播放新视频。这将如何实现?我将使用什么语言?
例如:假设我有一个有3个视频的网站,一旦你加载了这个网页,一个视频开始播放。如果重新加载页面,将开始播放另一个随机视频(每次刷新仅播放一个视频)。再次刷新页面后,另一个视频开始播放,依此类推。如何实现这一点?

您可以通过html创建视频

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

与使用javascript相比,您可以更改视频的源url。 将不同的视频URL存储在一个数组中,并使用随机整数选择其中一个URL

<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>

//函数生成给定范围内的随机整数
函数getRandomInt(最小值、最大值){
返回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 videourlsog4=[“URL1.ogg”、“URL2.ogg”、“URL3.ogg”];
var random_nr=getRandomInt(0,videoUrlsMp4.length-1);
源[0]。src=videoUrlsMp4[random_nr];
来源[1].src=videourlsog4[random_nr];
video.load();

您可以使用任何编程语言。如果您有一些代码,我们就可以使用我想要的!让我试试这个,我会告诉你它是否有效:)