мобильный метод для борьбы с размером встроенных видеоплееров?

Я вижу несколько способов работы с макетами, обменом и т. Д., Чтобы иметь дело с размерами изображений, но я не нашел никакой информации о размере видеоплеера. Например, при использовании viewbix, voo, jw или любого другого видеопроигрывателя, обслуживаемого js, размер проигрывателя встроен во вставку. Он также имеет связанный файл изображения для рамки постера.

Просто интересно, как другие люди относятся к этому. Делаете ли вы несколько версий встраивания и изображения для разных размеров точек останова? Имеет ли значение, если вставка слишком большая? Не уверен, действительно ли это влияет на скорость потоковой передачи или нет, или само видео технически что-то делает, пока не нажата кнопка воспроизведения. Изображение по-прежнему будет проблемой, поскольку отображение полноразмерного изображения рабочего стола на экране с разрешением 320 пикселей кажется пустой тратой времени.

Какой умный способ справиться с этим глобально?

Спасибо


javascript responsive-design embed youtube jwplayer
person aintnobody    schedule 07.01.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Благодаря JW Player у нас есть встроенная в проигрыватель адаптивная поддержка — http://www.jwplayer.com/blog/new-in-jw-player-responsive-design/, поэтому вам не нужно беспокоиться о точках останова, медиа-запросах или чем-то подобном. Все это по-прежнему будет обрабатываться в вашем CSS.

jwplayer("myResponsiveVideo").setup({
          file: "/assets/tearsofsteel.mp4",
          image: "/assets/tearsofsteel.jpg",
          width: "100%",
          aspectratio: "12:5"
});

По сути, подобная настройка сделает плеер отзывчивым, независимо от того, в каком контейнере он находится.

person emaxsaun    schedule 07.01.2015
comment
Хорошо, я вижу, что jw использует процент ширины и соотношение сторон, поэтому одно встраивание не тяжелее другого. Не могу сразу вспомнить, размещает ли jw кадры для постеров или клиентский сайт, насколько они соответствуют их размеру. - person aintnobody; 08.01.2015
comment
Точно. Мы не размещаем рамки для постеров. - person emaxsaun; 08.01.2015