Автоматическое изменение размера в JW Player - PullRequest
Новая
       8

Автоматическое изменение размера в JW Player

2 голосов
/ 05 апреля 2010

Есть ли какой-нибудь способ, которым мы можем сделать JW Player автоматически изменяющим размер при загрузке?

Как, например, если файл фильма меньше по размерам, чем проигрыватель, то это черный фон. Я хочу, чтобы фильм распространился по всему черному цвету.

Заранее спасибо.

Ответы [ 3 ]

1 голос
/ 23 октября 2013

У меня работает следующее: 

<html>
<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="LicenceCodeGoesHere";</script>
<div id="container">This'll be the player</div>

<script type="text/javascript">
jwplayer("container").setup({
    file:"http://videoURLGoesHere",
    autostart:true,
    width: "100%",
    height: "98%",
ratio: "100%",
responsive: true,
    events:{
        onComplete: function() {
            window.location = "http://redirectGoesHere";
        }
    }

});

</script>
<a href="http://UrlGoesHere">Please click here to skip the video and load the main site</a> 
</html>

Надеюсь, это поможет!

1 голос
/ 07 мая 2010

Есть несколько вариантов растяжения, которые можно установить через flashvar. К ним относятся ни один (без растяжения), точная подгонка (непропорциональная), равномерная (растяжение с черными полями) или заливка (равномерная, но полностью заполняющая дисплей). Все они перечислены на нашей странице flashvars .

Если вы хотите обновить размер проигрывателя в DOM, это может быть возможно, но это, безусловно, не рекомендуется, так как это приведет к перезагрузке проигрывателя Flash.

Best

Zach

Разработчик, LongTail Video

0 голосов
/ 14 июня 2012

Что касается изменения размера самого проигрывателя, в отличие от масштабирования содержимого внутри него, в JW Player теперь есть функция изменения размера, которую вы можете комбинировать с событием onMeta для изменения размера проигрывателя в соответствии с размерами видео. Обратите внимание, что я пробовал это только для потокового видео, поэтому я не уверен на 100%, что мета-событие работает одинаково при воспроизведении на основе файлов.

Возможно, вы захотите использовать событие onMeta для вычисления правильного размера, но подождите, пока событие onPlay на самом деле не вызовет resize () - если у вас есть загруженное неподвижное изображение до начала воспроизведения, оно все равно будет работать, когда Вы изменяете размер события onMeta, и оно растягивается, но на секунду выглядело немного странно. Это все еще происходит в OnPlay, но это быстрее.

В вашей функции jwplayer ('video_id'). Setup () просто включите что-то подобное в опции: 

        events: {
          onMeta: function(event) {
            if(event.metadata.width != undefined && event.metadata.height != undefined && event.metadata.width != 0) {
              var playerWidth = 700;
              var playerHeight = (event.metadata.height/event.metadata.width)*playerWidth;
              jwplayer("video_id").resize(playerWidth, playerHeight);
            }
          }
        }

Это предполагает, что вы хотите сохранить ширину в 700, но масштабировать высоту плеера, чтобы она соответствовала медиафайлу, и, конечно, у вашего плеера есть идентификатор "video_id" в DOM.

...