html5 JS 循环播放多个视频源

最新推荐文章于 2024-01-01 10:51:47 发布

_iorilan

最新推荐文章于 2024-01-01 10:51:47 发布

阅读量2.1k

点赞数 1

分类专栏： Javascript

本文链接：https://blog.csdn.net/lan_liang/article/details/86106294

版权

Javascript 专栏收录该内容

114 篇文章 1 订阅

订阅专栏

 ...
 var video_list    = [url1,url2];
                                    var video_index    = 0;
                                    var video_player   = null;

                                    var onVideoEnded = function(){
                                        console.log("video ended");
                                        if(video_index < video_list.length - 1){
                                            video_index++;
                                        }
                                        else{
                                            video_index = 0;
                                        }
                                        console.log("playing:"+ video_list[video_index]);
                                        video_player.setAttribute("src", video_list[video_index]);
                                        video_player.play();
                                    }
                                    
                                    var onload = function(){
                                        console.log("body loaded");
                                        video_player = $("video")[0];
                                        video_player.setAttribute("src", video_list[video_index]);
                                        video_player.addEventListener('ended',onVideoEnded);
                                        video_player.play();
                                    };

                                    
                                   onload();
...