Я очень много newby здесь и с fancybox/web dev.Fancybox Загрузка видео, и я добавил классы
Я поместил код вместе, в основном, здесь. Локально мой vid играет,
, но когда я запустил его в своем домене (www), он хочет скачать и не играть Кто-нибудь знает почему? Я добавил классы по мере необходимости в нескольких сообщениях Спасибо!
<!DOCTYPE HTML>
<html>
<head>
<title>MM Vid</title>
<!-- Add jQuery basic library -->
<script type="text/javascript" src="jquery-lib.js"></script>
<!-- Add required fancyBox files -->
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>
<!-- Optional, Add fancyBox for media, buttons, thumbs -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js"></script>
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<!-- Optional, Add mousewheel effect -->
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<style>
</style>
</head>
<script class="fancybox" src="http://www.youtube.com/player_api"></script>
<body>
<script type="text/javascript">
function onYouTubePlayerAPIReady() {
$(document).ready(function() {
$.fancybox({
href: "1.mp4",
**type: "iframe",
class: "fancyBox",**
beforeShow: function() {
// Find the iframe ID
var id = $.fancybox.inner.find('iframe').attr('id');
// Create video player object and add event listeners
var player = new YT.Player(id, {
events: {
'onStateChange': function (event) {
if (event.data === 0) {
$.fancybox.close();
} // if
} // onStateChange
} // events
}); // YT.Player
} // beforeShow
}); // fancybox
}); // ready
} // onYouTubePlayerAPIReady
</script>
</body>
</html>
Когда он воспроизводится локально, но не на сервере, обычно это проблема пути к вашей библиотеке плагинов. В вашем случае у вас есть 'fancybox/lib/...', который может не указывать точное местоположение, в котором браузер может загрузить плагин. Попробуйте использовать './fancybox/lib/...' или абсолютный путь (не будет больно узнать больше об абсолютных и относительных путях;) – JFK