Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Хаки » Адаптация видео плеера, как сделать?

Адаптация видео плеера, как сделать?

     24.02.2016    Все вопросы » Хаки    4196

вопрос
Всем привет, подскажите как сделать адаптивный видео плеер для DLE 10.6.

<!--dle_media_begin:{$decode_url}-->
<video width="{$width}" height="{$height}" preload="none" controls="controls">
<source type="video/youtube" src="//www.youtube.com/watch?v={$video_link}"></source>
</video><!--dle_media_end-->

Использую этот плеер, не ютубовский. Что я только не пробовал, но увы, моих знаний не хватает что бы правильно адаптировать.

Ответил: DomiTori

<!--dle_media_begin:{$decode_url}-->
<video width="100%" height="100%" preload="none" controls="controls">
<source type="video/youtube" src="//www.youtube.com/watch?v={$video_link}"></source>
</video><!--dle_media_end-->

или
<!--dle_media_begin:{$decode_url}-->
<video width="auto" height="auto" preload="none" controls="controls">
<source type="video/youtube" src="//www.youtube.com/watch?v={$video_link}"></source>
</video><!--dle_media_end-->


также адаптивность будет зависеть от блока в котором он будет распологаться. допустим он находится в
<div class="video"> ... </div>

в css нужно найти стиль класса video и задать ему width:100%; height:100%;

2 комментария

Енот
Юзер

Енот - 24 февраля 2016 23:41 -

Извиняюсь, забыл вставить тег для исходного кода.
sanderart
Юзер

sanderart - 26 февраля 2016 18:01 -

Возможно, если сделать только так, как описал юзер DOMITORI, то плеер станет слишком маленький по высоте, хоть и адаптивный. Это по опыту. Но нужно собственно на практике смотреть уже, все индивидуально.
Могу платно сделать плеер адаптивным, контакты на sanderart.com.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 21.08.2011 maxbeat  Общие вопросы, Хаки
 22.08.2011 Yamakasi  Общие вопросы, Модули, Хаки
 16.12.2013 Олег  Модули, Хаки
 20.01.2014 leon4ick  Общие вопросы по PHP, Хаки
 06.04.2014 cracken  Хаки
 14.05.2014 shim  Хаки
 27.10.2014 mixa920808  Модули, Хаки
 08.01.2015 vadim_g  Общие вопросы по вёрстке, Общие вопросы по PHP, Хаки
 08.04.2015 Twist6  Хаки
 27.10.2015 x4k3r  Хаки
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх