我目前正在为我的一个 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的任何优势。
有人有类似的解决方案吗?