以下代码如何通过修改后可实现视频随机播放

请教前辈们,需要实现多个视频打开网页后随机播放,以下代码目前是顺序播放,如何修改后可实现随机播放?

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>视频播放</title>
</head>

<body>
    <div id="playervideo" class="portfolio-slideshow flexslider animate-onscroll">

                        <!-- Video player -->
                        <!--poster is 缩略图-->

                        <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" poster="video/demo.jpg" data-setup="{}" height="500" width="100%">
                            <source src="video/einsun.mp4" type='video/mp4' />
                        </video>
                        <script language="javascript">
                        var vList = ['video/einsun.mp4', 'video/einsunsj.mp4', 'video/einsun.mp4']; // 初始化播放列表
                        var vLen = vList.length; // 播放列表的长度
                        var curr = 0; // 当前播放的视频

                        var video = document.getElementById("example_video_1");

                        /*var video = document.createElement("VIDEO");
                        video.setAttribute("width", "100%");
                        video.setAttribute("height", "500");
                        video.setAttribute("id", "example_video_1");
                        video.setAttribute("class", "video-js vjs-default-skin");
                        video.setAttribute("preload", "none");
                        video.setAttribute("poster", "video//demo.jpg");
                        video.setAttribute("data-setup", "{}");
                        video.setAttribute("controls", "yes");
                        document.getElementById("playervideo").appendChild(video);*/
                        //document.body.appendChild(video);

                        video.addEventListener('ended', play);
                        play();
                        function play(e) {
                            video.src = vList[curr];
                            video.load(); 
                            video.play();
                            curr++;
                            if(curr >= vLen){
                                curr = 0; // 播放完了,重新播放
                            }

                        }
                        </script>
                        <!-- /Video player -->
                            </div>

</body>
</html>

把paly()里面的curr变成随机数,如果不考虑重复播放可以直接是curr=Math.floor(Math.random() *vLen);
如果考虑两次播放不重复,换成下面的函数获取

function randomNums(curr, count) {
        var ran = Math.floor(Math.random() *count);
        while(curr == ran){
                ran = Math.floor(Math.random() *vLen);
        }   
        return ran;
}

如果是完全随机那么重新定义curr
var curr = Math.floor(Math.random()*vList.length)
然后去掉cuur ++
如果是不重复随机
var curr = Math.floor(Math.random()*vList.length)
var next = Math.floor(Math.random()*vList.length)
if(next == curr){
while(true){
next = Math.floor(Math.random()*vList.length)
if(next != curr){
break;
}
}
}
播放完后
curr = next
这整个放在无线循环里面就行 如果你3个视频只需要播放一次,就放在一个l循环次数等于视频列表长度的循环里
然后去掉cuur ++