2012-05-24 54 views
0

日安控制,视频JS用AJAX调用

我试图创建一个网页,当用户点击的东西调用(由一个JavaScript的onClick触发),一个Ajax请求被发送到触发一个PHP的服务器文件来生成要分配给div的.innerHTML的html。

,一切工作正常,除了视频不具备控制(如播放按钮,全屏等)

没有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调用执行,但我不肯定知道.. 。

谢谢!

+0

好像任何代码是由视频JS使用只在页面加载执行,并在页面加载后,您要添加的球员。 – dpk2442

回答

1

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

var myPlayer = _V_("example_video_1"); 

详情参见VideoJS API文档:http://videojs.com/docs/api/

+0

哇!这立即解决了我的问题!我将该行添加到初始页面加载(不在ajax部分),现在一切都很顺利!谢谢您的帮助! – Matthew

+0

其实我是个骗子。显然,当我去测试这个改变的时候,我使用了Firefox(默认的视频播放器有一个全屏选项),当我遇到问题时,我使用的是谷歌浏览器,它的视频播放器没有默认的全屏控制。长话短说,我感谢你的帮助,但显然它没有完成这项工作。 – Matthew

+0

如果我在你的ajax结果添加到DOM之后调用函数*,会发生什么? – pixelistik