Перейти к содержимому


"резиновое" Видео. Способ Адаптации Окна Просмотра


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 Safe

Safe

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений
  • ГородМосква

Отправлено 02 Март 2016 - 19:06

Здравствуйте!
Пробуем делать розничный магазин на сервисе storeland

При вставке видео фората мр4 640х360 в страницу новостей через iFrame в редакторе страницы не получается адаптировать просмотр видио с мобильного. :(

Код вставки сейчас выглядит так:
<strong><a href="http://st.storeland....omet_video.mp4" onclick="window.open(this.href, '', 'resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;"><span style="font-size:18px;"><span style="font-family: tahoma,geneva,sans-serif;"><iframe align="middle" frameborder="0" height="360" longdesc="Смотреть видео о производстве" name="Видео" scrolling="no" src="http://st.storeland....omet_video.mp4" title="О заводе" width="920"></iframe></span></span></a></strong>

Можно ли решить проблему с "резиновой подстройкой" окна видео при просмотре с мобильных устройств путем изменения кода вставки?

Аналогичная проблема при вставке ссылки на каталог в пдф формате...
Код вставки:
<iframe align="middle" frameborder="1" height="685" longdesc="Каталог продукции в формате PDF" name="Каталог 2016" scrolling="yes" src="http://st.storeland....Promet_new.pdf" title="Каталог НПО ПРОМЕТ 2016" width="850"></iframe>

Это решаемая проблема инструментарием сервиса?

Уточнение: сам я код не пишу, поэтому могу не знать элементарных команд, которые для вас могут быть очевидны и решаемы как 2*2. Прошу отнеститсь с пониманием к моему пробелу в знаниях... :)

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Март 2016 - 02:08

Вставляйте видео следующим образом:
<div class="video-container">
										 <iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0"></iframe>
</div>

Если вы не будете реализовывать инструкцию из темы:
http://forum.storela...117#entry229117

то в добавок необходимо будет добавить стили в main.css:
.video-container {
position: relative;
padding-bottom: 41.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}


#3 Safe

Safe

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений
  • ГородМосква

Отправлено 03 Март 2016 - 12:10

Ролик обязательно должен транслироваться с ютуба? или можно цеплять его напрямую из раздела "файлы"?

У нас будет несколько роликов.
Если будет реализована схема запуска по клику на слайдер, то это будет несовместиво с предложенным Вами вариантом?

в части кода стилей...

#4 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 03 Март 2016 - 12:41

Просмотр сообщенияSafe (03 Март 2016 - 12:10) писал:

Ролик обязательно должен транслироваться с ютуба? или можно цеплять его напрямую из раздела "файлы"?

У нас будет несколько роликов.
Если будет реализована схема запуска по клику на слайдер, то это будет несовместиво с предложенным Вами вариантом?

в части кода стилей...

Ответила Вам в другой ветке форума.

#5 Safe

Safe

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений
  • ГородМосква

Отправлено 03 Март 2016 - 15:22

В части новостной ленты - адаптация видео заработала! Супер! Огромная Вам благодарность!
В части запуска по клику на слайдер - пока не разобрался с настройками...

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Март 2016 - 05:00

Не дублируйте пожалуйста вопросы, лучше или дальше раздельно их обсуждать или окончательно объединить в одной из тем.

#7 Safe

Safe

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений
  • ГородМосква

Отправлено 04 Март 2016 - 09:47

Понял.
А можно создать одну тему по доработкам для одного конкретного проекта на конкретном шаблоне и объеденить туда все вопросы по проекту?
Я только приятнопознакомился с вашим сервисом и пока не до конца разобрался со всеми нюансами взаимодействия с вами...

Для службы поддержки как удобнее будет? 1тема=1проектХNвопросов или 1тема=1проблема?

#8 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 04 Март 2016 - 09:54

Просмотр сообщенияSafe (04 Март 2016 - 09:47) писал:

Понял.
А можно создать одну тему по доработкам для одного конкретного проекта на конкретном шаблоне и объеденить туда все вопросы по проекту?
Я только приятнопознакомился с вашим сервисом и пока не до конца разобрался со всеми нюансами взаимодействия с вами...

Для службы поддержки как удобнее будет? 1тема=1проектХNвопросов или 1тема=1проблема?

Для нас и для наших пользователей будет удобно, если каждый вопросы Вы сгруппируете как-то и будете писать в разных темах. Например вопросы по корзине в одной, по карточке товара в другой. Там будет в дальнейшем другим пользователям находить ответы на подобные вопросы и мы сразу будем понимать о чем речь.

#9 Safe

Safe

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений
  • ГородМосква

Отправлено 04 Март 2016 - 09:58

Понял. Принято. Собственно так и делаю,..
Прошу принять извинения за допущенные мною ранее ошибки... :)

Отдельная искренняя Благодарность за терпение и оперативную помощь по делу!!!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных