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

Question

我目前正在设置 infinite scroll在我的一个 wordpress 网站上，一旦您滚动到页面底部，它就会通过 ajax 加载下一组帖子。因此，我一直无法让 videojs 正常工作(readas:根本)；所以我希望有人能帮我解决这个问题。

首先，我直接在我的主题中使用 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)

我看到文档页面说要添加以下 block :

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

但无论我在哪里添加它(添加了必要的属性)，播放器都不起作用。我的意思是，有了上面的代码，我得到了标准的 html5 视频播放器，但没有 videojs 的任何好处。

任何人都可以解决类似的问题？

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>