Сообщений в теме: 7

[Safe]

Здравствуйте!
Как сделать при клике по фото слайдера на главной странице - запуск видеоролика в всплывающем окне с адаптивным размером под разные экраны?

[Vaccina]

В шаблоне HTML найдите:

<div class="item">
				 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
			 </div>

замените на:

<div class="item">
				 <a class="video" href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
			 <div style="display:none">
			 <div class="video-container">
					 <iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0"></iframe>
				 </div>
			 </div>
			 </a>
			 </div>

В нем измените ссылку на видео.

Далее найдите:

<!-- /END Slider Слайдер -->
		 <!-- Товары на главной, Новинки, Хиты -->

перед ним вставьте:

<script type="text/javascript">
$(document).ready(function() {
var content = $('a.video > div').clone(true);
$("a.video").fancybox({
fitToView : false,
width : '70%',
height : '70%',
content: content,
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

В конец 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%;
}

[Safe]

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

Поправимо?

Видео надо размещать исключительно через сервис ютуба?

[Юля123]

Safe (03 Март 2016 - 11:24) писал:

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

Поправимо?

Видео надо размещать исключительно через сервис ютуба?

Здравствуйте, если Вы добавите видео на ютюб, то проигрываться оно будет через проигрыватель ютюба. Так как вставили Вы сейчас тоже работает, но мы не можем управлять автозапуском видео (звуковая дорожка запускается автоматически).   А для проигрывателя с ютюба есть подробная документация по настройке.

[Safe]

Попробовал сделать ссылку на ролик на ютубе:
https://www.youtube....h?v=7lzfMoYqf9g и (http://www.you**)

Не работает. Что я сломал?

[Safe]

Уточните, пожалуста:
<iframe src="http://www.youtube.c...bed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0"></iframe>
Этто код задает параметры адаптации для разных экранов?

В моем случае эта часть как должна быть прописана?

<iframe id="ytplayer" type="text/html" width="640" height="390" src="http://www.youtube.c...toplay=1=http://example.com"frameborder="0"/>
эту ссылку надо менять?

[Vaccina]

Вы можете в целом заменить:

<iframe src="http://www.youtube.c...bed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0"></iframe>

В данном iframe идет ссылка на видео и размеры блока видео, это все вы можете изменять как вам удобней, адаптация происходит из-за стилей добавленных в main.css

[Safe]

Супер! Заработало!