Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Хаки Адаптация видео плеера, как сделать?

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


     24.02.2016    Хаки    923

вопрос
Всем привет, подскажите как сделать адаптивный видео плеер для 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)

Енот
9

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

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

sanderart
36 | 6

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

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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