Магазин
Правила Ответы на вопросы Конфиденциальность
Магазин
Правила Ответы на вопросы Конфиденциальность

Вопросы, ответы и примеры решений

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

Просмотры: 2068 • 
  • Аватара пользователя
    votept Сообщение
    Вообщем весь мозг себе съел уже :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 Сообщение
    ссылка на пример есть?
  • Аватара пользователя
    votept Сообщение
    PPK писал(а):ссылка на пример есть?

    :( ток на денвере.
  • Аватара пользователя
    zip Сообщение
    votept писал(а):
    PPK писал(а):ссылка на пример есть?

    :( ток на денвере.
    Бесплатный хостинг не ?)
    Национальный Татарский BitТоррент-Трекер
  • Аватара пользователя
    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, без видоса.
    :?: Нид хелп. :!: :D
  • Аватара пользователя
    votept Сообщение
    Все разобрался. Спасибо serrrios :) Подсказал со скринами.
  • maksvel1999 Сообщение
    votept писал(а):Все разобрался. Спасибо serrrios :) Подсказал со скринами.
    Виложи сие чудо.
  • Аватара пользователя
    votept Сообщение
    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
  • filosof Сообщение
    для чистой версии движка это подойдет или уже должен быть установлен плеер?

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

Time: 0.000s | Queries: 0 | Peak Memory Usage: 0.00 МБ | GZIP: Unknown | SQL Explain
Список форумов Участники темы