Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: размер видео на разных устройствах

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
mstdmstd
Отправлено: 16 Марта, 2017 - 10:59:07
Post Id


Частый гость


Покинул форум
Сообщений всего: 170
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




Всем привет,

Используя bootstrap-video-player(https://github.com/html5-ninja/Bootstrap-video-player-jQuery-plugin) выводится видео вроде
CODE (htmlphp):
скопировать код в буфер обмена
  1.                                 <div class="videoUiWrapper thumbnail ">
  2.                                         <video width="720" height="480" id="show_video">
  3.                                                 <source src="
  4. http://local-wprods.com/uploads/products/-product-71/C1kkZf3sFuS.mp4" type="video/odd">
  5.                                                 <source src="http://local-wprods.com/uploads/products/-product-71/C1kkZf3sFuS.mp4" type="video/mp4">
  6.                                                 Your browser does not support the video tag.
  7.                                         </video><div class="videoController show_video" style="width: 720px;"><div class="progress progress-striped active" style="cursor:pointer"><div class="bar progressBar" style="width: 0%;"></div><div class="bar bufferBar" style="width: 58.9847%; opacity: 0.5;"></div></div><a href="#" class="playMedia"><i class="icon-play icon-white"></i></a><h6 class="timer">00:00 / 01:27</h6><i class="mute icon-white icon-volume-down"></i><ul class="volumeMedia unstyled"><li class="on"></li><li class="on"></li><li class="on"></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><ul></ul></ul><i class="fullscreen icon-fullscreen icon-white"></i></div>
  8.                                 </div>
  9.  

В данном случае размеры видео заданы из настроек видео ''720*480''
Но как лучше задать чтобы на разных устройстах максимальная ширина была ограничена и не вылазила по ширине ?
В таких случаям часто для бордюра выводится класс, для которого меняется max-width в стилях, которые различны для разных устройств.
Но как это слвместить с шириной видео ?


Спасибо!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB