fancybox + jwplayer (с html5 fallback)

Question

Я пытаюсь настроить fancybox для показа видео. Я бы предпочел с игроком, но я пытаюсь сделать это с помощью jwplayer, чтобы следовать этому примеру: jwplayer in fancybox not playing on ipad/iphone

Однако, я не увенчался успехом. Может быть, вы могли бы мне помочь?

Я загрузка этот:

<?php echo css('assets/fancybox/jquery.fancybox.css') ?> 
    <?php echo css('assets/jplayer/skin/blue.monday/jplayer.blue.monday.css') ?> 

    <?php echo js('http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js') ?> 
    <?php echo js('assets/fancybox/jquery.fancybox.js') ?> 
    <?php echo js('assets/fancybox/helpers/jquery.fancybox-media.js') ?> 
    <?php echo js('assets/js/fancybox.js') ?> 

    <?php echo js('assets/jwplayer/jwplayer.js') ?> 
    <?php echo js('assets/jwplayer/jwplayer.html5.js') ?> 

В fancybox.js, я делаю это:

$(document).ready(function() { 
    $(".video_popup").fancybox({ 
    fitToView: false, 
    scrolling: 'no', 
    content: '<div id="myvideo"></div>', 
    afterShow: function() { 
    jwplayer('myvideo').setup({ 
     file: this.href, 
     autostart: 'true', 
     modes: [ 
     {type: 'flash', src: 'assets/jwplayer/jwplayer.flash.swf'}, 
     {type: 'html5', config: {file: this.href, provider: 'video'}}, 
    ] 
    }); 
    } 
}); 

Я звоню видео, как это:

<a href="spline-01.mp4" class="video_popup"> here to start movie no 11</a><br><div id="myvideo"></div> 

Answer 1

я наконец-то удалось решить эту проблему. Далее: замена jwplayer на jplayer.

<a class="jwVideo" spline-01.mp4" rel="group"> Preview </a> 

$(function() { 
    $("a.jwVideo").click(function() { 
     var myVideo = this.href; // Dont forget about 'this' 

     $.fancybox({ 
      padding : 0, 
      content: '<div id="video_container">Loading the player ... </div>', 
      afterShow: function(){ 
       jwplayer("video_container").setup({ 

        file: myVideo, 
        width: 640, 
        height: 385, 
        modes: [ 
     { type: 'html5' }, 
     { type: 'flash', src: 'assets/jwplayer/jwplayer.flash.swf' } 
    ] 

       }); 
      } 
     }); 
     return false; 
    }); 
}); 

Answer 2

Я написал лайтбокс, я бы попробовал это вместо этого.

https://github.com/emaxsaun/jwbox