通過ajax調用視頻

Question

我想通過ajax/jquery將頁面滾動到特定位置時加載Flash視頻。一切正常，我也得到了預期的數據如下：

 

<div id="rr-brightcove" class="module vids rrmodule"><h3>Video</h3> 

<div class="module-body"> 

    <script src="http://admin.brightcove.com/js/BrightcoveExperiences.js" type="text/javascript"></script> 

    <object id="myaolExperience" class="BrightcoveExperience"> 

    <param name="bgcolor" value="#FFFFFF" /> 

    <param name="width" value="318" /> 

    <param name="height" value="295" /> 

    <param name="playerID" value=106573607001 /> 

    <param name="publisherID" value=1612833736/> 

    <param name="isVid" value="true" /> 

    <param name="isUI" value="true" /> 

    <param name="autoStart" value="false" /> 

    <param name="@videoList" value=648729340001 /> 

    <param name="wmode" value="transparent"> 

    </object> 

</code> 

</div> 

</div> 
 

但問題是，當我附上我的網頁上的響應DIV script標籤只是disappers（剝離），我不能播放視頻。它似乎只追加下面沒有劇本標籤：

<div id="rr-brightcove" class="module vids rrmodule"><h3>Video</h3> 

<div class="module-body"> 

    <object id="myaolExperience" class="BrightcoveExperience"> 

    <param name="bgcolor" value="#FFFFFF" /> 

    <param name="width" value="318" /> 

    <param name="height" value="295" /> 

    <param name="playerID" value=106573607001 /> 

    <param name="publisherID" value=1612833736/> 

    <param name="isVid" value="true" /> 

    <param name="isUI" value="true" /> 

    <param name="autoStart" value="false" /> 

    <param name="@videoList" value=648729340001 /> 

    <param name="wmode" value="transparent"> 

    </object> 

</code> 

</div> 

</div> 

有人可以幫我這個嗎？

感謝， 大號

Answer 1

這可能是一個固定條，防止被劫持的網頁加載惡意腳本。 嘗試附加script標籤的頭部用JavaScript，而不是僅僅與其它HTML的負載把它在體內在一起：

newScript = document.createElement('script'); 
newScript.type = 'text/javascript'; 
newScript.src = 'http://admin.brightcove.com/js/BrightcoveExperiences.js'; 
(document.getElementsByTagName('head')[0]).appendChild(newScript); 

Answer 2

另一種方法是加載在頭部的腳本不管，如果不是太大，那麼它不會對你的頁面加載產生負面影響，而且只會在你的腳本運行時纔會被執行。只是一個想法。