首页 > 解决方案 > 如何切换 VideoJS 播放器的源?

问题描述

我想在浏览器中创建一个视频播放器,并且能够切换视频的来源。所有视频都存储在计算机上。

我正在尝试使用 VideoJS,我让它适用于 1 个视频,但我无法让它切换到不同的视频。

我想从某个位置打开视频,例如使用:

<input type="file" id="files">

这将是播放器的来源。

videojs的来源如下,我不能使用变量。

<source src="video/example.mp4" type='video/mp4'>    

有人有想法吗?

我对 HTML5 和 Javascript 还很陌生,我不知道使用哪个术语来找到答案。

标签: filevideo.jssrc

解决方案


首先你得到你的播放器的实例,然后你通过Player.src函数设置一个新的源(或新的源):

var player = videojs('my-player');
player.src({ type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" });

有关更多详细信息,请查看Player.src.


推荐阅读