4

您好我正在尝试修改网页以使其加载速度更快。由于我嵌入了一些视频(blip.tv,但如果有帮助可以将其更改为 youtube),我想知道您是否可以在视频应该放置的位置加载图像,然后单击将图像替换为视频并开始播放(无需重新加载整页)。我想我以前见过这个,但再也找不到它了!现在我使用的嵌入代码是:

<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>

谢谢

4

2 回答 2

4

又快又脏:您可以在某处将嵌入代码设置为全局变量:

<script type="text/javascript">
    var embedCode = '<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>'
</script>

然后把图片放到一个容器的div中,替换容器的innerHTML onclick:

<div id="videocontainer">
    <img src="yourimage.jpg" onclick="document.getElementById('videocontainer').innerHTML = embedCode;" height="500" width="600" />
</div>
于 2009-05-08T09:12:54.780 回答
0

有一个名为 SWFObject 的 Google 代码项目,非常适合您的需要。这是一个用于加载 Flash 的跨浏览器 javascript 库 - 例如,当有人单击图像时,您可以使用它用 Flash 视频替换您的图像。

于 2009-05-08T09:29:27.923 回答