使用 AJAX 调用的视频 JS 控件

Question

美好的一天，

我正在尝试创建一个网页，当用户单击某些内容（由javascript onClick触发）调用时，ajax请求将发送到服务器，该服务器会触发一个php文件以生成html以分配给div的.innerHTML。

一切正常，除了视频没有控件（如播放按钮、全屏等）

如果没有 AJAX

调用，一个简单的硬编码版本就可以使用控件显示视频，因此使用 AJAX 也是如此。我正在使用视频JS播放器，据我所知，代码没有任何需要执行的脚本。

这是我的 php 代码...

<?php
    echo '<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="720" height="528" data-setup='{"controls":true}'><source src="videos/'.$_GET["fn"].'" type='video/ogg'/></video>';
?>

我相信这与javascript不会在AJAX调用上执行的事实有关，但我不确定...

谢谢！

Answer 1

VideoJS 会在 AJAX 结果标记尚未加载时在页面加载时检查视频标记。您需要在视频通话返回后手动初始化 VideoJS。

var myPlayer = _V_("example_video_1");

有关详细信息，请参阅 VideoJS API 文档：http://videojs.com/docs/api/