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时，脚本标记只是消失（剥离）而我无法播放视频。它似乎只在没有脚本标记的情况下附加以下内容：


<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

这可能是一个安全条，以防止被劫持的页面加载恶意脚本。尝试使用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

另一个替代方案可能是在HEAD中加载脚本，如果它不是太大，那么它不会对页面加载产生负面影响，并且只有在脚本运行时才会执行。只是一个想法。

通过ajax呼叫呼叫视频

2 个答案: