2014-03-19 3 views
0

У меня проблема, которая прослушивала меня последние несколько дней. Я (по крайней мере, я так думаю) реализовал Fancybox правильно, и он отлично работает с изображениями. Однако всякий раз, когда я пытаюсь открыть видео с помощью Fancybox, он открывает экран загрузки стиля fancybox, но сам не воспроизводит видео. Он просто загружается около минуты, а затем отображает: «Файл или каталог не удалось найти». Мне нравится this. Мой код выглядит так:Fancybox не загружается видео

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css"> 

    <script src="js/jquery-1.9.1.min.js"></script> 
    <script src="js/jquery.fancybox.js"></script> 
    <script src="js/jquery.fancybox-media.js"></script> 

</head> 

<body> 

    <script type="text/javascript"> 
     $(document).ready(function() { 

      $(".fancybox-media").fancybox({ 
        helpers : { 
         media : {} 
        } 
       }); 

     }); 
    </script> 

    <a class="fancybox-media" href="http://vimeo.com/36031564">Vimeo</a> 

</body> 

Я 100% уверен, что я указываю на правильный путь для JS и CSS, до новейших версий. Что мне здесь не хватает? Почему это не работает, как картинки?

+0

См. Http://stackoverflow.com/questions/2542252/open-youtube-video-in-fancybox-jquery –

+0

Спасибо за ответ, но, к сожалению, это не решило мою проблему. Речь идет о старой версии fancybox, которая не включала медиа-помощников. Текущая версия делает, но, тем не менее, все еще не работает правильно в моем случае, как я сказал в op. – user1910584

ответ

1

Ваш код верный, как вы можете видеть от this fiddle.

Я предполагаю, что вы открываете файл HTML локально в своем браузере и используете протокол file: ///. Это вызывает его искать видео здесь, а не в Интернете:

file://player.vimeo.com/video/36031564?autoplay=1&hd=1&show_title=1&show_byline=1&show_portrait=0&fullscreen=1 

Он должен работать нормально до тех пор, как вы загрузите эту страницу с помощью веб-сервера.

+0

Я вижу! Я понял, что эта проблема возникает только локально, теперь я также понимаю почему. Большое спасибо! – user1910584

0

Оказывается, эта проблема возникает только локально ... Когда я размещаю точный код в Интернете, он работает. Я совершенно не понимаю, почему, но он, наконец, работает.

Смежные вопросы