Всем здравствуйте.
Сегодня по работе верстал страницу просмотра видео. Ничего необычного — есть список публикаций, по клику открывается модальное окно с видео через youtube. Показалось, что такая реализация может быть полезна и здешнему сообществу, потому представляю на ваше обозрение.
Демо
Подобный вид может быть пригоден для небольших сайтов, сайтов с небольшой посещаемостью, для сайтов, где не нужна огромная мощь премиум-компонента видео.
Преимущество решения: бесплатность, недостаток — превью видео вы загружаете сами, также, как прикрепляете картинку к обычной статье.
Как пользоваться: скачиваем архив отсюда, распаковываем, заливаем файл com_content_video_view.tpl в папку /templates/_default_/components, картинку — в папку /templates/_default_/images. Открываем файл template.php в директории /templates/ваш_шаблон/, перед закрывающим тэгом body (</body>) вставляем скрипт:
Далее переходим в редактирование раздела и устанавливаем шаблоном раздела com_content_video_view.tpl (скриншот).
Важно:
В конце заголовка создаваемой записи пишем *video=КОД_ВИДЕО_ЮТУБ (скриншот). Отсюда будет браться ссылка для вставки в модальное окно.
Благодарность — спасибо было бы достаточно
Сегодня по работе верстал страницу просмотра видео. Ничего необычного — есть список публикаций, по клику открывается модальное окно с видео через youtube. Показалось, что такая реализация может быть полезна и здешнему сообществу, потому представляю на ваше обозрение.
Демо
Подобный вид может быть пригоден для небольших сайтов, сайтов с небольшой посещаемостью, для сайтов, где не нужна огромная мощь премиум-компонента видео.
Преимущество решения: бесплатность, недостаток — превью видео вы загружаете сами, также, как прикрепляете картинку к обычной статье.
Как пользоваться: скачиваем архив отсюда, распаковываем, заливаем файл com_content_video_view.tpl в папку /templates/_default_/components, картинку — в папку /templates/_default_/images. Открываем файл template.php в директории /templates/ваш_шаблон/, перед закрывающим тэгом body (</body>) вставляем скрипт:
<script type="text/javascript"> $(document).on('load ready', function() { $.each($(".contentlist.contentlist-video .contentlist-video-item .con_title a:contains('*video='), .pathway a:contains('*video='), .con_heading:contains('*video='), .sp-thumbnail:contains('*video='), a:contains('*video=')"), function(i, cuth) { cuth.innerHTML = cuth.innerHTML.replace('*video=', '<span class="video_youtube_code" style="display:none">') + "</span>"; }); }); </script>
Важно:
В конце заголовка создаваемой записи пишем *video=КОД_ВИДЕО_ЮТУБ (скриншот). Отсюда будет браться ссылка для вставки в модальное окно.
Благодарность — спасибо было бы достаточно
Реклама #
Kreator 9 лет назад #
P.s. а если кликнуть не по картинке а по названию, то открывается страница с превьюшкой и текстом. Видео там нигде не должно быть?
Джехутимери 9 лет назад #
Майкл 9 лет назад #
Джехутимери 9 лет назад #
Майкл 9 лет назад #
Джехутимери 9 лет назад #
lezginka.ru 9 лет назад #
Станислав Григорьевич (Мозголом) 9 лет назад #
Upliner 9 лет назад #
За качество. За щедрость.
Интересный способ выкрутится тем, кто желает красиво подать видео контент, но не имея возможности приобрести премиум видео компонент.
Для небольшого видео каталога отлично подойдет.
Да еще и плагином оформлено.
Возьму в коллекцию. Полюбасу пригодится!
edd 9 лет назад #
на основе вашей верстки я делаю для 2
http://fimgi.ru/Video
немного не доделал
Apsent 9 лет назад #