js实现一个video标签播放不同的视频

在学习html的时候,我们知道,使用video元素提供了播放、暂停和音量控件来控制视频,这里就不展开讨论。
我们今天主要了解的是,如何使用js来实现一个video元素播放不同的视频。话不多说,看代码:

 
        
    

以下是js代码,将所有视频路径存放在一个数组vList内,监听end事件,依次循环播放视频,



使用上述代码可实现一个video元素播放不同的视频,当然数组里面的路径是手动添加进去的。
下面,还是使用一个video元素播放不同视频,但是这次是在页面上手动输入视频路径来单独打开某个视频,当视频播放完后就停止。



        

js代码:


 

可以在此基础上进行深入完善。

你可能感兴趣的:(javaScript,javascript,html,js)