通过ajax加载页面/内容后初始化video.js

Question

我目前正在为我的一个 WordPress 网站设置 无限滚动功能，当您滚动到页面底部时，它通过 AJAX 加载下一组文章。因此，我一直无法使 videojs 正常工作（即根本无法工作），希望有人能帮助我解决这个问题。

首先，我直接在我的主题中使用 videojs 代码，该代码从帖子的自定义字段中提取数据，并将帖子 ID 添加到视频标记的 ID 属性中。以下是模板代码示例:

<video id="video_<?php echo get_the_id(); ?>" class="video-js vjs-default-skin"  
  controls preload="auto" width="640" height="264"  
  poster="<?php echo $poster; ?>">  
 <source src="<?php echo $mp4vid; ?>" type='video/mp4' />  
</video>

（请注意，我稍后会添加ogg/webm）

我看到文档页面上说要添加以下代码块：

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

但无论我在哪里添加它（添加必要的属性），播放器都无法工作。我的意思是，使用上述代码可以得到标准的HTML5视频播放器，但没有videojs的任何优势。

有人有类似的解决方案吗？

- cjhmdm

Answer 1

引用正确的ID可能会解决问题...

<script type="text/javascript">
_V_("video_<?php echo get_the_id(); ?>", {}, function(){
  // Player (this) is initialized and ready.
});
</script>

<video id="video_<?php echo get_the_id(); ?>" class="video-js vjs-default-skin"  
  controls preload="auto" width="640" height="264"  
  poster="<?php echo $poster; ?>">  
 <source src="<?php echo $mp4vid; ?>" type='video/mp4' />  
</video>

- L2Eer