Авто изменение размера в плеере JW
Вопрос
Есть ли способ, которым мы можем сделать автоматическое изменение игрока JW, когда он загружает?
Например, например, если файл фильма меньше в размерах, чем игрок, то есть черный фон. Я хочу, чтобы фильм распространился по всему черному цвету.
Заранее спасибо.
Решение
Есть пара вариантов растяжения, которые можно установить через Flashvar. К ним относятся нет (без растяжения), Exchance (непропорциональный), униформа (растягиваться с черными границами) или заполнить (равномерное, но полностью заполнить дисплей). Они все перечислены на нашем Страница Flashvars.
Если вы хотите обновить размер игрока в DOM, это возможно, но он, конечно, не рекомендуется, так как это приведет к тому, что Flash для перезагрузки проигрывателя.
Лучший,
Zach.
Разработчик, Longtail Video
Другие советы
Для меня следующие работы:
<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>
Надеюсь это поможет!
Что касается размера самого игрока, в отличие от масштабирования контента внутри него, jw Player теперь имеет размер функции изменения изменений, что вы можете объединить с событием OnMeta, чтобы изменить размер плеер, чтобы соответствовать измерениям видео. Обратите внимание, что я пробовал только на потоковое видео, поэтому я не на 100% уверен, что Meta Event работает то же самое на файловом воспроизведении.
Возможно, вы захотите использовать событие ONMETA, чтобы рассчитать правильный размер, но дождитесь, пока событие OnPlay не вызовов изменить размер () - если у вас есть неподвижное изображение, загруженное до начала воспроизведения, он все еще будет иметь размер, когда вы разместите изменение изменений Мероприятие 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, но масштабировать высоту игрока, чтобы соответствовать медиа-файлу, и, конечно, у вашего игрока ID «Video_id» в DOM.