Question

您好我正在尝试修改网页，以便加快加载速度。因为我有一些嵌入的视频（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>

由于

Answer 1

快速而又脏：您可以将嵌入代码设置为某个地方的全局变量：

<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>

Answer 2

有一个名为SWFObject的Google代码项目，非常适合您的需求。它是一个用于加载闪存的跨浏览器JavaScript库 - 例如，当有人点击图像时，您可以使用它来替换Flash视频。

用嵌入的视频替换图像

2 个答案: