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

【问题标题】：Initialize video.js after page/content loaded via ajax通过 ajax 加载页面/内容后初始化 video.js
【发布时间】：2012-10-26 04:24:34
【问题描述】：

我目前正在我的一个 wordpress 网站上设置infinite scroll，一旦您滚动到页面底部，该网站就会通过 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 的好处。

任何人都有类似的解决方案吗？

【问题讨论】：

标签： php jquery ajax wordpress html5-video

【解决方案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>

【讨论】：