Вывод плеера в fancybox подскажите?

 • Просмотры: 2021
Аватара пользователя
votept
Благодарил (а): 49 раз
Поблагодарили: 62 раза
Сообщения: 806
Зарегистрирован: 18 июл 2010, 17:57
Сообщение

Вывод плеера в fancybox подскажите?

20 янв 2011, 14:39

Вообщем весь мозг себе съел уже :D

Сделал вот такую штуку и дальше тупик...


При нажатии плей он изчезает... И внизу ссылка http://web.ru/treiler.html раздражает.


Сделал таким макаром: Создал файл treiler.html кинул в корень. ПРописал в оверал хеад <a class="fancybox" href="http://web.ru/treiler.html"><img src="/images/1111.png" align="center" alt=""/></a> :wall: и вот так вот вышло.


Как сделать чтобы при нажатии плей плеер не закрывало и ссылки http://web.ru/treiler.html внизу не было. Просто окно с плеером и кнопка закрыть на том же месте? У serrrios'а в моде онлайн видео так сделано и плеер норм открывает как я и хочу. Но сколь ковырял не пойму как сделано :(
Аватара пользователя
PPK
Администратор
Благодарил (а): 82 раза
Поблагодарили: 1619 раз
Сообщения: 10275
Зарегистрирован: 21 мар 2009, 17:13
Сообщение

Вывод плеера в fancybox подскажите?

20 янв 2011, 22:54

ссылка на пример есть?
Аватара пользователя
votept
Благодарил (а): 49 раз
Поблагодарили: 62 раза
Сообщения: 806
Зарегистрирован: 18 июл 2010, 17:57
Сообщение

Вывод плеера в fancybox подскажите?

21 янв 2011, 04:02

PPK писал(а):ссылка на пример есть?

:( ток на денвере.
Аватара пользователя
zip
Благодарил (а): 372 раза
Поблагодарили: 80 раз
Сообщения: 865
Зарегистрирован: 04 янв 2010, 09:11
Сообщение

Вывод плеера в fancybox подскажите?

21 янв 2011, 11:37

votept писал(а):
PPK писал(а):ссылка на пример есть?

:( ток на денвере.
Бесплатный хостинг не ?)
Национальный Татарский BitТоррент-Трекер
Аватара пользователя
votept
Благодарил (а): 49 раз
Поблагодарили: 62 раза
Сообщения: 806
Зарегистрирован: 18 июл 2010, 17:57
Сообщение

Вывод плеера в fancybox подскажите?

21 янв 2011, 13:06

Нафиг он нужен. PPK Может файлик скинуть?
Аватара пользователя
zzipper
Благодарил (а): 12 раз
Поблагодарили: 10 раз
Сообщения: 427
Зарегистрирован: 20 окт 2009, 14:15
Сообщение

Вывод плеера в fancybox подскажите?

21 янв 2011, 13:41

Вообщем тоже немного озадачился этим вопросом.
Но у меня немного иная ситуация.
У меня загружаемые flv ролики через вложения воспроизводятся в плеере uppod. Т.е. выглядит это так:

А решил сделать так, чтобы при загрузке flv через вложение, в посте была только ссылка (то что под плеером с размером и чиcлом просмотров), по нажатию на которой видос всплывал бы в fancybox'e. Т.е. выглядеть, по моему мнению, должно так примерно (фотожаба):

Для это я добавил в ppkbb3cker.js в нужное место (код с оффсайта fb из доков на примере ютуба)

Код: Выделить всё

		$("a.fancyvid").fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 500,
			'height'		: 300,
			/*'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),*/
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});
А в attachments.html на ссылку повесил соответсвенно класс fancyvid

Код: Выделить всё

		<!-- IF _file.S_FLASH_VIDEO_FILE -->
			<p><a class="fancyvid" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a> [ {_file.FILESIZE} {_file.SIZE_LANG} | {_file.L_DOWNLOAD_COUNT} ]</p>
		<!-- ENDIF -->
Кароче в итоге имею только всплывающее белое окно fb размером 500 на 300, без видоса.
:?: Нид хелп. :!: :D
Аватара пользователя
votept
Благодарил (а): 49 раз
Поблагодарили: 62 раза
Сообщения: 806
Зарегистрирован: 18 июл 2010, 17:57
Сообщение

Вывод плеера в fancybox подскажите?

21 янв 2011, 16:13

Все разобрался. Спасибо serrrios :) Подсказал со скринами.
ma
maksvel1999
Благодарил (а): 16 раз
Поблагодарили: 12 раз
Сообщения: 370
Зарегистрирован: 02 ноя 2009, 15:05
Сообщение

Вывод плеера в fancybox подскажите?

23 янв 2011, 13:05

votept писал(а):Все разобрался. Спасибо serrrios :) Подсказал со скринами.
Виложи сие чудо.
Аватара пользователя
votept
Благодарил (а): 49 раз
Поблагодарили: 62 раза
Сообщения: 806
Зарегистрирован: 18 июл 2010, 17:57
Сообщение

Вывод плеера в fancybox подскажите?

23 янв 2011, 13:40

maksvel1999 писал(а):
votept писал(а):Все разобрался. Спасибо serrrios :) Подсказал со скринами.
Виложи сие чудо.
:D Ух озадачил. Просто обычно я сделал и забыл. По сути там не так и сложно. Ладно сейчас освежу память распишу как и что.

Добавлено спустя 12 минут 42 секунды:
Качаем http://upwap.ru/1263678 кидаем все файлы в корень или как вам удобно, только пути потм сами меняйте к ним. Я в корень кинул.

Открываем файл overall_header.html ищем:

Код: Выделить всё

<script src="{PPKBB3CKER_ADDONS}js/ppkBB3cker.js" type="text/javascript"></script>
Добавляем после:

Код: Выделить всё

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.gallery").fancybox();
$("a.gallery2").fancybox(
{						
"padding" : 2, // отступ контента от краев окна
"imageScale" : false, // Принимает значение true - контент(изображения) масштабируется по размеру окна, или false - окно вытягивается по размеру контента. По умолчанию - TRUE
"zoomOpacity" : false,	// изменение прозрачности контента во время анимации (по умолчанию false)
"zoomSpeedIn" : 1000,	// скорость анимации в мс при увеличении фото (по умолчанию 0)
"zoomSpeedOut" : 1000,	// скорость анимации в мс при уменьшении фото (по умолчанию 0)
"zoomSpeedChange" : 1000, // скорость анимации в мс при смене фото (по умолчанию 0)
"frameWidth" : 540,	 // ширина окна, px (425px - по умолчанию)
"frameHeight" : 289, // высота окна, px(355px - по умолчанию)
"overlayShow" : true, // если true затеняят страницу под всплывающим окном. (по умолчанию true). Цвет задается в jquery.fancybox.css - div#fancy_overlay 
"overlayOpacity" : 0.8,	 // Прозрачность затенения 	(0.3 по умолчанию)
"hideOnContentClick" :false, // Если TRUE  закрывает окно по клику по любой его точке (кроме элементов навигации). Поумолчанию TRUE		
"centerOnScroll" : true // Если TRUE окно центрируется на экране, когда пользователь прокручивает страницу		
});
});
	</script>

Кнопка как у меня смотреть трейлер.
Открываем файл overall_header.html ищем:

Код: Выделить всё

<div id="wrapheader">
Добавляем после:

Код: Выделить всё

<a class="gallery2" rel="group2" title="Смотреть трейлер" href="/treiler.html"><img src="Кнопка картинки"/></a>

На счет постеров:
Открываем viewtopic_tracker_body.html Ищем:

Код: Выделить всё

fancybox
их там два класса и заменяем на:

Код: Выделить всё

gallery2
Первый для постеров залитых второй для скринов залитых. Все, а со скринами в спойлере в теге img делаем следующее:
Идем /tracker/addons/js/ хватаем файл spoiler.js

Ищем:

Код: Выделить всё

 //Fancybox
                $img.bind('click', function(){
                    $(".postImg").fancybox({
                        'modal': false,
                        'titleShow': true,
                        'titlePosition': 'inside',
                        'autoScale': true,
                        'autoDimensions': true,
                        'type': 'image',
                        'href': src,
                        'scrolling': 'auto',
                        'hideOnContentClick': true,
                        'transitionIn': 'elastic',
                        'transitionOut': 'fade',
                        'titleFormat': function(title, currentArray, currentIndex, currentOpts)
                        {
                            return '<div style="width:100%;white-space:pre-wrap;background-color:#FFFFFF;overflow:auto"><a href="' + htmlspecialchars(src) + '" target="_blank">Open in new window</a></div>';
                        }
                    });
                 });
И там настраиваем под себя. Я просто убрал при выводе скрина ссылку снизу и все.

По поводу кнопки поясню

Код: Выделить всё

<a class="gallery2" rel="group2" title="Смотреть трейлер" href="/treiler.html"><img src="Кнопка картинки"/></a>

href="/treiler.htm Это в корне лежит и в нем прописан код с плеером. просто тупо html файл с кодом плеера и ничего больше :)

Добавлено спустя 11 минут 38 секунд:
На счет скринов в спойлере это затронет и другие теги как


И в итоге вывод мелких изображений намного лучше смотрится вот к примеру



А так бы была еще и ссылка с киллометр с низу :D
fi
filosof
Поблагодарили: 4 раза
Сообщения: 354
Зарегистрирован: 05 май 2010, 20:55
Сообщение

Вывод плеера в fancybox подскажите?

23 янв 2011, 16:25

для чистой версии движка это подойдет или уже должен быть установлен плеер?

Вернуться в «Вопросы, ответы и примеры решений»