Fancybox фильм играть на WWW

Question

Мне нужна твоя помощь. Можно ли использовать fancybox в качестве плеера без YouTube? просто читать файл на сервере и отображать его?

Вот сценарий для фантазии YouTube:

<script>
    $(document).ready(function(){
        $("a.video").click(function() {
            $.fancybox({
                    'padding' : 0,
                    'autoScale' : false,
                    'title' : this.title,
                    'overlayOpacity' : '.6',
                    'overlayColor' : '#333',
                    'transitionIn' : 'none',
                    'transitionOut' : 'none',
                    'centerOnScroll' : false,
                    'showCloseButton' : true,
                    'hideOnOverlayClick': false,
                    'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
                    'type' : 'swf',
                    'swf' : {
                    'wmode': 'transparent',
                    'allowfullscreen': 'true'
                    }
            });
            return false;
        });
    });
</script>

• HTML:

'Arbitrary text '

Могу ли я изменить его не на YT, а на плеер по умолчанию?

Answer 1

На самом деле, вам всегда будет нужен игрок.Fancybox нельзя использовать в качестве плеера "per se", однако вы можете использовать другой плеер, отличный от плеера YouTube по умолчанию, например, JWPlayer.

JwPlayer поддерживает воспроизведение видео YouTube начиная с версии v4.x, поэтому следующие параметры:допустимо:

pathToPlayer/jwplayer.swf?file=http://www.youtube.com/watch?v=DdR41fe9Zeg

или

pathToPlayer/jwplayer.swf?file=http://www.youtube.com/v/DdR41fe9Zeg

, чтобы вы могли легко вставлять видео на YouTube с помощью jwplayer вместо проигрывателя YouTube по умолчанию, например:

<embed src="pathToPlayer/jwplayer.swf?file=http://www.youtube.com/watch?v=DdR41fe9Zeg" type="application/x-shockwave-flash" width="640" height="376" />

Теперь, используя ту же технику встраивания, упомянутую выше, вы можете настроить скрипт fancybox, чтобы использовать jwplayer для воспроизведения видео на YouTube, указанного в href вашего якоря, так:

Использование html:

<a class="video" href="http://www.youtube.com/watch?v=DdR41fe9Zeg" title="test">Arbitrary text</a>

(обратите внимание, что я удалил класс iframe ... он не нужен)

Используйте отредактированный скрипт:

<script type="text/javascript">
 $(document).ready(function(){
  $("a.video").click(function() {
   $.fancybox({
    'padding' : 0,
    'autoScale' : false,
    'title' : this.title,
    'overlayOpacity' : '.6',
    'overlayColor' : '#333',
    'transitionIn' : 'none',
    'transitionOut' : 'none',
    'centerOnScroll' : false,
    'showCloseButton' : true,
    'hideOnOverlayClick': false,
    'content': '<embed src="jwplayer.swf?file='+(this.href.replace(new RegExp("watch\\?v=", "i"), "v/"))+'&amp;autostart=true&amp;fs=1" type="application/x-shockwave-flash" width="640" height="376" wmode="opaque" allowfullscreen="true" allowscriptaccess="always"></embed>'

    // don't need the following lines
    /*
    'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
    'type' : 'swf',
    'swf' : {
     'wmode': 'transparent',
     'allowfullscreen': 'true'
    } // swf
    */

   }); // fancybox
   return false;
  }); // click
 }); // ready
</script>

Обратите внимание, что я использую параметр API 'content 'вместо' href 'для встраивания видео в fancybox, однако я все еще использую href для преобразования URL-адреса в упрощенную версию.

Наконец, я предполагаю, что вымыing fancybox v1.3.x, потому что параметры, которые вы используете, поэтому скрипт будет работать только с этой версией.