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

Question

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

video.js文件加载在页面的标题中.我已阅读该文档,但无法找到如何在已加载的页面上初始化视频播放器.myPlayer.initialize()当我加载包含视频的页面部分以使视频播放器正确加载Video.js时,是否有一种我可以调用的功能？

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

感谢您的宝贵帮助!

Answer 1

我有同样的问题.我的情景:

通过ajax加载带有视频标记的html代码,它第一次工作,但是当我使用ajax(不刷新页面)来实现内容时,它不起作用.

我做的是切换到通过类找到视频,因为ID由videojs改变.

所以现在这是我的电话:

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

希望这能帮助那些在布鲁诺解决方案无效的情况下遇到同样问题的人.

Answer 2

是的,根据你可以做的文件:

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

它特别适用于动态内容:)

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