在页面的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加载视频标签的html代码，它第一次工作，但是当我用ajax（不刷新页面）reaload内容时，它不起作用。

我所做的是切换到通过类找到视频，因为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(){}); 
}