Question

我目前正在我的一个wordpress网站上设置infinite scroll，一旦你滚动到页面底部，就会通过ajax加载下一组帖子。因此，我无法使videojs正常工作（readas：at）;所以我希望有人可以帮助我。

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

任何人都有这样的工作解决方案吗？

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>

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

1 个答案: