在页面的ajax加载部分初始化Video.js播放器

Question

视频播放器实际加载正常。我的实际问题是，当我使用AJAX刷新页面的某些部分时，这些部分包含视频播放器，HTML5播放器加载正常，但定制它的Video.js部分无法加载。

video.js文件被加载到页面的标题中。我已经阅读了文档，但找不到如何在已经加载的页面上初始化视频播放器。在加载包含视频的页面部分时，是否可以调用myPlayer.initialize()类型的函数来使用Video.js正确加载视频播放器？

我认为video.js文件只在页面加载时自动执行此操作。

感谢您的宝贵帮助！

Answer 1

是的，根据文档，您可以执行以下操作：

videojs("example_video_1", {}, function(){
  // Player (this) is initialized and ready.
});

它专门用于动态内容:)

来源：http://docs.videojs.com/docs/guides/setup.html (在底部)

Answer 2

我也有同样的问题。我的场景是：

通过ajax加载一个带有video标签的html代码，第一次可以工作，但是当我使用ajax重新加载内容时(不刷新页面)，它不能工作。

我所做的是切换到通过类查找视频，因为ID会被videojs更改。

所以这就是我的决定：

videojs(document.getElementsByClassName("video-js")[0], {}, function(){
          // Player (this) is initialized and ready.
});

希望这能帮助那些在Bruno解决方案不起作用的地方遇到同样问题的人。

Answer 3

我做了一个循环

var massVideo = $('.video-js');
for(var i = 0; i < massVideo.length; i++){
  videojs(massVideo[i]).ready(function(){});
}