Вообщем весь мозг себе съел уже
Сделал вот такую штуку и дальше тупик...
При нажатии плей он изчезает... И внизу ссылка 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'а в моде онлайн видео так сделано и плеер норм открывает как я и хочу. Но сколь ковырял не пойму как сделано
Вывод плеера в fancybox подскажите?
Сообщение
Вывод плеера в fancybox подскажите?
Бесплатный хостинг не ?)votept писал(а):PPK писал(а):ссылка на пример есть?
ток на денвере.
Национальный Татарский BitТоррент-Трекер
Сообщение
Вывод плеера в fancybox подскажите?
Вообщем тоже немного озадачился этим вопросом.
Но у меня немного иная ситуация.
У меня загружаемые flv ролики через вложения воспроизводятся в плеере uppod. Т.е. выглядит это так:
А решил сделать так, чтобы при загрузке flv через вложение, в посте была только ссылка (то что под плеером с размером и чиcлом просмотров), по нажатию на которой видос всплывал бы в fancybox'e. Т.е. выглядеть, по моему мнению, должно так примерно (фотожаба):
Для это я добавил в ppkbb3cker.js в нужное место (код с оффсайта fb из доков на примере ютуба)
А в attachments.html на ссылку повесил соответсвенно класс fancyvid
Кароче в итоге имею только всплывающее белое окно fb размером 500 на 300, без видоса.
Нид хелп.
Но у меня немного иная ситуация.
У меня загружаемые 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'
}
});
Код: Выделить всё
<!-- 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 -->
Нид хелп.
Сообщение
Вывод плеера в fancybox подскажите?
Все разобрался. Спасибо serrrios Подсказал со скринами.
Сообщение
Вывод плеера в fancybox подскажите?
Виложи сие чудо.votept писал(а):Все разобрался. Спасибо serrrios Подсказал со скринами.
Сообщение
Добавлено спустя 12 минут 42 секунды:
Качаем http://upwap.ru/1263678 кидаем все файлы в корень или как вам удобно, только пути потм сами меняйте к ним. Я в корень кинул.
Открываем файл overall_header.html ищем:
Добавляем после:
Кнопка как у меня смотреть трейлер.
Открываем файл overall_header.html ищем:
Добавляем после:
На счет постеров:
Открываем viewtopic_tracker_body.html Ищем: их там два класса и заменяем на:
Первый для постеров залитых второй для скринов залитых. Все, а со скринами в спойлере в теге img делаем следующее:
Идем /tracker/addons/js/ хватаем файл spoiler.js
Ищем:
И там настраиваем под себя. Я просто убрал при выводе скрина ссылку снизу и все.
По поводу кнопки поясню
href="/treiler.htm Это в корне лежит и в нем прописан код с плеером. просто тупо html файл с кодом плеера и ничего больше
Добавлено спустя 11 минут 38 секунд:
На счет скринов в спойлере это затронет и другие теги как
И в итоге вывод мелких изображений намного лучше смотрится вот к примеру
А так бы была еще и ссылка с киллометр с низу
Вывод плеера в fancybox подскажите?
Ух озадачил. Просто обычно я сделал и забыл. По сути там не так и сложно. Ладно сейчас освежу память распишу как и что.maksvel1999 писал(а):Виложи сие чудо.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
Идем /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 секунд:
На счет скринов в спойлере это затронет и другие теги как
И в итоге вывод мелких изображений намного лучше смотрится вот к примеру
А так бы была еще и ссылка с киллометр с низу
-
fi
- Поблагодарили: 4 раза
Сообщение
Вывод плеера в fancybox подскажите?
для чистой версии движка это подойдет или уже должен быть установлен плеер?
Вернуться в «Вопросы, ответы и примеры решений»