【发布时间】:2010-06-10 13:36:00
【问题描述】:
这篇文章是我之前关于HTML5 video callbacks 的帖子的后续。在那个线程中,我得到了一段很棒的代码,它允许浏览器在视频停止播放时得到通知,然后触发一个动作(使用 jQuery)。这是我目前使用的代码:
$('video.normal').bind('ended', function(){
$(this).fadeOut().queue(function(){
$(this).siblings('.post-video').fadeIn();
$(this).dequeue();
});
});
这基本上会在视频完成后淡出视频,并将视频(或类似图像)的海报帧带回视野。
嗯,项目的范围发生了变化,现在客户要求根据用户连接速度提供真正的全屏视频和不同尺寸的视频,这有点超出我的想象,也超出了预算。所以我一直在研究,对于使用桌面浏览器(高清嵌入、真正的全屏等)的访问者来说,Vimeo Plus 播放器似乎是一个很好的选择。问题是,我需要上面的代码以某种能力继续工作,那么嵌入式 Vimeo 播放器是否提供了我可以使用的类似回调?还是我在这里?
提前致谢!
【问题讨论】:
-
Vimeo 的工作人员没有给我明确的例子来说明如何做到这一点,但他们确实指出了 Moogaloop 的方向,这是他们在这里找到的视频播放器的名称:vimeo.com/api/docs/moogaloop -- - 有什么想法可以从这里拿走吗?他们的示例使用了 SWFobject 和 Mootools,这两个库我目前没有使用也不想包括在内。关于如何仅使用 jQuery 或简单的 javascript 来实现此功能的任何想法?
-
看看这个例子:github.com/vimeo/vimeo-api-examples/blob/master/moogaloop-api/… 它使用了 moogaloop API
标签: jquery video vimeo html5-video