2012-05-24 53 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