У меня проблема, которая прослушивала меня последние несколько дней. Я (по крайней мере, я так думаю) реализовал Fancybox правильно, и он отлично работает с изображениями. Однако всякий раз, когда я пытаюсь открыть видео с помощью Fancybox, он открывает экран загрузки стиля 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, к новейшим версиям. Что мне здесь не хватает? Почему это не работает, как картинки?
Ваш код правильный, как вы можете видеть из этой скрипки.
Я предполагаю, что вы открываете файл HTML локально в своем браузере и используете протокол file:///. Это заставляет его искать видео здесь, а не онлайн:
file://player.vimeo.com/video/36031564?autoplay=1&hd=1&show_title=1&show_byline=1&show_portrait=0&fullscreen=1
Он должен работать нормально, пока вы загружаете эту страницу с помощью веб-сервера.
Оказывается, эта проблема возникает только локально... Когда я размещаю точный код в Интернете, он работает. Я совершенно не понимаю, почему, но он, наконец, работает.