Question

我打算在一个有各种机械产品待售的网站上工作。客户希望我制作每种产品的模型和电影，以展示产品的工作原理。这是一个示例产品：

Flash Clip

我遇到的问题是，他希望电影仅在用户将鼠标悬停在视频上时播放。我尝试使用mp4文件执行此操作并使用jQuery工作，但仅限在Chrome中。这是链接：

MP4 Clip

我希望这些演示能够被尽可能多的观众观看，所以我试图远离Flash（也因为我根本不了解Flash）。有没有人知道如何让这个视频在其他浏览器中工作，如第二个例子？如果没有，我怎样才能使用Flash实现同样的想法？

感谢您的帮助！

艾米丽

Answer 1

在flash中，代码为：

video1Wrapper.addEventListener(MouseEvent.MOUSE_OVER, playVideo1);

function playVideo1(event:MouseEvent):void
{
    video1.play();
}
video1Wrapper.addEventListener(MouseEvent.MOUSE_OUT, stopVideo1);

function stopVideo1(event:MouseEvent):void
{
    video1.gotoAndStop(1);
}

Answer 2

我建议使用后备来查看HTML5视频：http://www.html5video.org/

基本上你会将<video>元素与其中的flash播放器一起使用，这样如果浏览器不支持video，它仍会在flash中播放视频。

KDP3播放器看起来有一个合理的JavaScript api，所以你应该能够从JS控制它与视频元素类似。

如何在悬停时播放影片剪辑，在鼠标离开时暂停

2 个答案: