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

Question

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

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

我认为video.js文件仅在页面加载时自动执行。

感谢您的宝贵帮助！

Answer 1

我遇到了同样的问题。我的情景：

通过ajax加载带有视频标签的HTML代码，它第一次运行，但是当我使用ajax（不刷新页面）对内容进行自动加载时，它不起作用。

我所做的是切换到通过课程查找视频，因为视频会改变ID。

所以这是我现在的电话：

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

希望这可以帮助那些Bruno解决方案无法解决问题的人。

Answer 2

是的，根据你可以做的文件：

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

专门用于动态内容：）

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

Answer 3

我是在循环中完成的

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