Video.js - 如何在一个页面中引用多个视频?

时间:2013-02-26 08:42:13

标签: arrays html5-video video.js

天哪,我找不到答案,我已经花了好几个小时。 如何在video.js中同时引用多个视频?

API文档说:

  

引用播放器:您只需要确保您的视频标签有ID。示例嵌入代码的ID为“example_video_1”。如果您在一个页面上有多个视频,请确保每个视频标记都有唯一的ID。

     

var myPlayer = V (“example_video_1”);

此示例显示了一个ID,但它没有显示我如何同时引用多个ID。

如果我有3个不同的标签:“video_1”,“video_2”,“video_3”,我该如何引用它们?

我尝试了一个阵列但它没有用。我还尝试列出这样的视频:

var myPlayer = _V_("video_1", "video_2");

并且都没有工作。

有人可以帮助我吗?

谢谢。

2 个答案:

答案 0 :(得分:3)

您无法将多个ID传递给_V_()。要么一次做一个:

var myPlayer1 = _V_("video_1");
var myPlayer2 = _V_("video_2");
var myPlayer3 = _V_("video_3");

或者如果你想将它们作为一个数组:

var myPlayers = Array(_V_("video_1"), _V_("video_2"), _V_("video_3"));
myPlayers[1].play();

注意:这是为较早版本的video.js编写的。 _V_()仍有效,但已弃用:请改用videojs()

答案 1 :(得分:0)

这也有效:

var video = [];
video[1] = _V_("Video1");
video[2] = _V_("Video2");
video[3] = _V_("Video3");
video[4] = _V_("Video4");
video[5] = _V_("Video5");
video[6] = _V_("Video6");
video[7] = _V_("Video7");
video[8] = _V_("Video8");
video[9] = _V_("Video9");
video[10] = _V_("Video10");