当前位置：文江博客话题详情

扩展视频播放器，例如 CNN 网站，最好基于 jQuery

发布于 2024-08-31 22:42:55 字数 216 浏览 2 评论 0原文

我想知道是否有人知道基于 jquery 或其他的脚本/插件，可以用来实现 CNN.com 上可以找到的效果。我说的是用小缩略图表示的视频，单击时会扩展为文本并播放。

我绝不是 JS 大师，我和 flash 也不是最好的朋友，但我也不是完全一无所知。

本质上，我正在寻找一种方法来单击缩略图、展开 swf，并在再次收缩时停止它。类似的事情。

欢迎任何想法、提示或见解！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鸩远一方 2024-09-07 22:42:55

一个简单的方法是在单击时用 Flash 视频替换 div 的内容：

HTML

<div id="video-001">
    <img src="video-thumb.jpg" />
</div>

jQuery

$('#video-001').toggle(function() {
    $(this).html('<object whatevergoeshere...></object>');
}, function() {
   $(this).html('<img src="video-thumb.jpg" />');
});

这是一个简单的示例，但它可以是改进了很多，也许可以通过插入图像作为 div 背景，将代码保存在元素的缓存中（使用 .data()），添加点击事件所有具有特定类的 div...

希望有帮助:)

A simple approach would be replacing the content of a div with the Flash video when clicked:

HTML

<div id="video-001">
    <img src="video-thumb.jpg" />
</div>

jQuery

$('#video-001').toggle(function() {
    $(this).html('<object whatevergoeshere...></object>');
}, function() {
   $(this).html('<img src="video-thumb.jpg" />');
});

This is a simple example but it can be improved a lot, maybe by inserting the image as the div background, saving the code in the cache of the element (with .data()), adding the click event to all div with a specific class...

Hope it helps :)

回复收藏 0 原文

~没有更多了~