0 / 0 / 0
Регистрация: 31.08.2015
Сообщений: 1

Как вставить определённый код в видеоплеер при уменьшении окна браузера

31.08.2015, 13:39. Показов 680. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!Ув.форумчане...извините меня,я понимаю что я только зарегистрировалась здесь и сразу же прошу помощи.Вы извините меня плиз...но я уже неделю бьюсь и никак не могу решить...

Мне нужно чтобы при уменьшении окна браузера,вместо одной строчки кода вставлялся другой...вот в этом видеоплеере...



JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
       jwplayer('videoplayer').setup({
                file: '<?php echo $myrow['video_url']; ?>',
                    image: '<?php echo $myrow['cat']; ?>/zastavka_img/<?php echo $myrow['thumbail']; ?>.jpg',
                        width: '100%',
                        aspectratio: '16:9',
                        skin:'jwplayer/vapor.xml',   // Вот вместо этой строчки при уменьшении окна браузера чтобы подставлялась другая,то есть адрес к другому скину видеоплеера
                        autostart: true,
                        logo: {
        file: 'jwplayer/logo.png',
                position: 'top-left',
                margin: '0px'
    },
                        tracks:[{
                        file: '<?php echo $myrow['cat']; ?>/vtt/<?php echo $myrow['thumbail'];?>/<?php echo $myrow['thumbail'];?>.vtt',
                        kind:'thumbnails'
                        }]
           });

Мне подсказали что так нужно сделать,но теперь видеоплеер вообще не работает...

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function initPlayer(skin) {
    var skin = skin or 'jwplayer/vapor.xml';
    $('body').data('player-init-skin', skin);
    jwplayer('videoplayer').setup({
                file: '<?php echo $myrow['video_url']; ?>',
                    image: '<?php echo $myrow['cat']; ?>/zastavka_img/<?php echo $myrow['thumbail']; ?>.jpg',
                        width: '100%',
                        aspectratio: '16:9',
                        skin:skin,   // Вот вместо этой строчки при уменьшении окна браузера чтобы подставлялась другая,то есть адрес к другому скину видеоплеера
                        autostart: true,
                        logo: {
        file: 'jwplayer/logo.png',
                position: 'top-left',
                margin: '0px'
    },
                        tracks:[{
                        file: '<?php echo $myrow['cat']; ?>/vtt/<?php echo $myrow['thumbail'];?>/<?php echo $myrow['thumbail'];?>.vtt',
                        kind:'thumbnails'
                        }]
           });
}
 
function reinitPlayer() {
   var w = $(window).width(),
         s = $('body').data('player-init-skin'),
         switchWidth = 1000;
   if(w > switchWidth && s != 'jwplayer/vapor.xml') {
        initPlayer();
   } else if($w <= switchWidth && s != 'jwplayer/новый скин.xml') {
        initPlayer('jwplayer/новый скин.xml');
   }
}
 
$(document).ready(function() {
   reinitPlayer();
});
 
$(window).resize(function() {
   reinitPlayer();
});
Помогите люди добрые уже не могу сил нет...
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
31.08.2015, 13:39
Ответы с готовыми решениями:

Как уменьшить блок при уменьшении окна браузера?
У меня есть блок (width=900) и в нем есть еще 1 блок с текстом (max-width 500 ), подскажите что сделать чтобы при уменьшении окна блок с...

Как сделать так чтобы при уменьшении окна браузера сайт был читабельным
Как сделать так чтобы при уменьшении окна браузера сайт был читабельным

Адаптивность при уменьшении окна браузера
Я сверстал карточку товара, и в задании от меня требуют: · Сама карточка (прямоугольник с белым фоном) должна находиться строго...

1
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
31.08.2015, 20:48
kisa-x, так, стоп, строка 2 во втором примере. Нет в js конструкции or, замените на || - логическое или. А так код должен быть правильным.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
31.08.2015, 20:48
Помогаю со студенческими работами здесь

Отступы при уменьшении окна браузера
Сделал небольшие отступы главного блока css. Можно ли чтобы при уменьшении окна эти отступы убирались. Вот сами документы ...

При уменьшении окна браузера не переносить блок
Приветствую, есть такая структура. &lt;div class=&quot;wrapper&quot;&gt; &lt;div class=&quot;content&quot;&gt;&lt;/div&gt; &lt;div...

Обрезание текста при уменьшении окна браузера
У меня есть картинка и рядом с ней три строчки текста. При уменьшении окна браузера текст сползает под картинку и становиться в пять строк....

При уменьшении окна браузера меню распадается
добрый день при уменьшение окна браузера меню распадает &lt;body&gt; &lt;div class=&quot;nav&quot;&gt; &lt;div class=&quot;head-nav&quot;&gt; ...

Блок съезжает влево при уменьшении окна браузера
При уменьшении окна браузера до &quot;25%&quot; блок id=&quot;left&quot; не много съезжает влево, не понятно почему Вот html код: &lt;html&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru