fancybox-rails视频没有播放

Question

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

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

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

如果我将nicepicture.jpg切换为nicevideo.mp4（或nicevideo.webm或nicevideo.ogv），那么会出现一个带有旋转滚轮指示器的小型花式框，但之后它会冻结。

我可能会错过一些简单的东西，因为我正在回到轨道的摇摆和所有奇特的javascript选项。因此，我认为这是我的application.js的相关部分：

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

Answer 1

首先，您还需要更改

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内容或视频大小，因此最好在自定义脚本中设置一些内容，例如< / p>

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