javascript - fancybox-rails 视频不播放

Question

我正在尝试使用fancybox-rails 在带有rails 的fancybox 中播放视频。我按照网站上的说明进行操作，可以很好地弹出一张图片。

这是我的图片代码（有效）：

= link_to image_tag('/assets/newlook/video_placehldr.jpg'), '/assets/newlook/nicepicture.jpg', :class => 'fancybox'

如果我切换nicepicture.jpg到nicevideo.mp4（或nicevideo.webm或nicevideo.ogv），然后会弹出一个带有旋转轮指示器的小花式框，但随后它就会冻结在那里。

我可能会遗漏一些简单的东西，因为我要回到 Rails 的摇摆和所有花哨的 javascript 选项中。因此，我认为这是我的 application.js 的相关部分：

$(document).ready(function() {
  $("a.fancybox").fancybox();
});

score 0 · Accepted Answer

首先，您还需要更改

link_to image_tag()

...到正确的标签，而不仅仅是视频的名称

其次，fancybox 不是媒体播放器……您仍然需要一个播放器（例如 jwplayer）来在 fancybox 中打开这些视频，因此您的（渲染的）视频链接应该看起来像

<a href="path/to/payer/jwplayer.swf?file='path/to/video.mp4'">open video in fancybox</a>

此外，由于fancybox（您使用的版本v1.3.4）无法获取type内容或视频的大小，因此最好在您的自定义脚本中设置一些，例如

$("a.fancybox").fancybox({
 "width": 480, // or whatever
 "height": 320,
 "type": "swf"
});

1 回答 1