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

[votept]

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

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


При нажатии плей он изчезает... И внизу ссылка 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> и вот так вот вышло.


Как сделать чтобы при нажатии плей плеер не закрывало и ссылки http://web.ru/treiler.html внизу не было. Просто окно с плеером и кнопка закрыть на том же месте? У serrrios'а в моде онлайн видео так сделано и плеер норм открывает как я и хочу. Но сколь ковырял не пойму как сделано

[PPK]

ссылка на пример есть?

[votept]

ссылка на пример есть?

ток на денвере.

[zip]

ссылка на пример есть?

ток на денвере.

Бесплатный хостинг не ?)

[votept]

Нафиг он нужен. PPK Может файлик скинуть?

[zzipper]

Вообщем тоже немного озадачился этим вопросом.
Но у меня немного иная ситуация.
У меня загружаемые 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, без видоса.
Нид хелп.

[votept]

Все разобрался. Спасибо serrrios Подсказал со скринами.

[maksvel1999]

Все разобрался. Спасибо serrrios Подсказал со скринами.

Виложи сие чудо.

[votept]

Все разобрался. Спасибо serrrios Подсказал со скринами.

Виложи сие чудо.

Ух озадачил. Просто обычно я сделал и забыл. По сути там не так и сложно. Ладно сейчас освежу память распишу как и что.

Добавлено спустя 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 секунд:
На счет скринов в спойлере это затронет и другие теги как


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



А так бы была еще и ссылка с киллометр с низу

[filosof]

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