使用AJAX调用的视频JS控件

Question

日安，

我正在尝试创建一个网页，当用户单击某个东西(由javascript onClick触发)调用时，ajax请求被发送到服务器，该服务器触发php文件以生成分配给.innerHTML的html。

除了视频没有控件(如播放按钮、全屏等)外，一切都正常。

在没有AJAX调用的情况下，一个简单的硬编码版本可以很好地显示带有控件的视频，所以使用了AJAX。我使用的是Video 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

当AJAX结果标记尚未加载时，VideoJS会检查页面加载上的视频标记。视频通话恢复后，您需要手动初始化VideoJS。

var myPlayer = _V_("example_video_1");

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