使用AJAX调用的视频JS控件

时间:2012-05-24 20:59:06

标签: php ajax html5-video

美好的一天,

我正在尝试创建一个网页,当用户点击某些内容(由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调用上执行这一事实有关,但我不确定......

谢谢!

1 个答案:

答案 0 :(得分:1)

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

var myPlayer = _V_("example_video_1");

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