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

Question

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

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

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

感谢您的宝贵帮助！

score 19 · Accepted Answer

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

通过 ajax 加载带有视频标签的 html 代码，它第一次工作，但是当我用 ajax 重新加载内容（不刷新页面）它不起作用。

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

所以这是我现在的电话：

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

希望这可以帮助遇到布鲁诺解决方案不起作用的相同问题的人。

score 17 · Accepted Answer

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

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

它专门用于动态内容:)

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

score 3 · Accepted Answer

我做了一个循环

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

3 回答 3