如何用flash视频文件替换图像？

Question

我有用ASP.NET编写的视频库。每个视频都有一个托管在FMS和图像上的.flv文件。我希望每次在视频上使用鼠标悬停时用flash文件替换图像。

Answer 1

我认为这应该有效。你的html结构如此：

<div id="flashcontainer" class="video"> <!-- flashfile in here --></div>
<div id="imageoverlay" class="video overlay"> <img src="xyz.png" /> </div>

在css中： 。视频{  位置：绝对的;  上：10px;  左：10px;  display：none; }

.overlay {  显示：块; }

在javascript中..抓住mouseover for imageoverlay并将 z-index 显示设置为 -1 块。然后在flashcontainer上捕捉mouseout并将 z-index 设置回 2 none如果你想...

Answer 2

将它们放在同一DIV中。在DIV内，将Flash视频对象包装在另一个DIV中。根据鼠标悬停事件，使图像或内部div可见。

如果您在离开闪光灯时没有将鼠标悬停在事件上，请将鼠标悬停在BODY或HTML的处理程序上，并在触发时隐藏闪光灯。