花式盒子轨道视频无法播放

Question

我正在尝试使用花哨的盒子让视频在带有导轨的花哨盒子中播放。 我按照网站上的说明进行操作，可以很好地弹出图片。

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

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

如果我nicepicture.jpg切换到nicevideo.mp4（或nicevideo.webm或nicevideo.ogv），然后弹出一个小花哨的盒子，上面有一个纺车指示器，但它只是冻结在那里。

我可能会错过一些简单的东西，因为我正在回到轨道和所有花哨的JavaScript选项中。 因此，我认为这是我申请的相关部分.js：

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

Answer 1

首先，您还需要更改

link_to image_tag()

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

其次，花式盒子不是媒体播放器...您仍然需要一个播放器（例如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"
});