0

fancybox-railsを使用して、レール付きのfancyboxでビデオを再生しようとしています。私はサイトの指示に従い、写真をうまくポップアップさせることができます。

これが私の写真のコードです（これは機能します）：

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

（またはまたは）に切り替えるnicepicture.jpgと、小さなファンシーボックスが回転するホイールインジケーターとともにポップアップしますが、そこでフリーズします。nicevideo.mp4nicevideo.webmnicevideo.ogv

レールのスイングとすべての派手なJavaScriptオプションに戻っているので、単純なものが欠けている可能性があります。そのため、私のapplication.jsの関連部分は次のようになります。

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

1 に答える 1

0

まず、変更する必要があります

link_to image_tag()

...ビデオの名前だけでなく、適切なタグに

第二に、fancyboxはメディアプレーヤーではありません... fancyboxでこれらのビデオを開くには、プレーヤー（たとえば、jwplayerなど）が必要なので、ビデオへの（レンダリングされた）リンクは次のようになります。

<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"
});
于 2012-11-25T23:51:01.447 に答える