Видео В Отдельном Окне
#1
Отправлено 04 Октябрь 2014 - 17:03
#2
Отправлено 04 Октябрь 2014 - 18:39
Допустим нам необходимо, чтобы при клике на картинку всплывало окно с видео, пример вставляемого кода:
<a href="#" id="size-page"><img src="ссылка на иконку" alt="" /></a> <script> $(document).ready(function() { $("a#size-page").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', content: 'ссылка на видео', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
#4
Отправлено 05 Октябрь 2014 - 18:31
aposlavskii (05 Октябрь 2014 - 14:02) писал:
#5
Отправлено 05 Октябрь 2014 - 22:20
#6
Отправлено 05 Октябрь 2014 - 22:32
#7
Отправлено 05 Октябрь 2014 - 22:50
aposlavskii (05 Октябрь 2014 - 22:32) писал:
<div class="name"><a class="prodName" title="{related_views_goods.NAME}" href="{related_views_goods.URL | url_amp}" style="*height:;">{related_views_goods.NAME}</a></div>вставить
<div class="box-content htmlDataBlock"> {% IF FORM_NOTICE %} <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div> {% ENDIF %} {PAGE_CONTENT} </div>
#8
Отправлено 05 Октябрь 2014 - 23:08
#9
Отправлено 07 Октябрь 2014 - 00:13
<div class="box-content htmlDataBlock"> {% IF FORM_NOTICE %} <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div> {% ENDIF %} {PAGE_CONTENT} </div>замените на:
<div class="box-content htmlDataBlock"> {goods.DESCRIPTION_SHORT | htmlspecialchars_decode} </div>
далее в товаре код вставляйте в краткое описание товара
#10
Отправлено 07 Октябрь 2014 - 10:55
Uncaught SyntaxError: Unexpected token & на строке: 916.
Адрес файла: http://luminarya.ru/.../Rimskie-svechi
#11
Отправлено 07 Октябрь 2014 - 11:03
aposlavskii (07 Октябрь 2014 - 10:55) писал:
Uncaught SyntaxError: Unexpected token & на строке: 916.
Адрес файла: http://luminarya.ru/.../Rimskie-svechi
Попробуйте в коде краткого описания строки:
width : '70%', height : '70%',
заменить на:
width : 300, height :300,
#12
Отправлено 07 Октябрь 2014 - 11:39
#13
Отправлено 09 Октябрь 2014 - 00:20
#14
Отправлено 09 Октябрь 2014 - 14:01
Ссылка на видео - youtube.com/watch?v=1iTQDoJO33s
#15
Отправлено 10 Октябрь 2014 - 01:54
<a href="#" id="size-page"><img src="http://design.luminarya.ru/videoi.png?1494" alt="" /></a> <script> $(document).ready(function() { $("a#size-page").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : 300, height :300, content: '<iframe width="420" height="315" src="//www.youtube.com/embed/1iTQDoJO33s" frameborder="0" allowfullscreen></iframe>', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
прописываем:
<a href="//www.youtube.com/embed/1iTQDoJO33s" class="video"><img src="http://design.luminarya.ru/videoi.png?1494" alt="" /></a>
где: //www.youtube.com/embed/1iTQDoJO33s - ссылка на видео из вашего кода
и в самом конце main.js вставляем:
$("a.video").fancybox({ 'titleShow' : false, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 'type' : 'swf', 'swf' : {'wmode':'transparent','allowfullscreen':'true'} });
#16
Отправлено 12 Октябрь 2014 - 01:44
#18
Отправлено 12 Октябрь 2014 - 12:41
#19
Отправлено 14 Октябрь 2014 - 01:51
<a href="//www.youtube.com/embed/1iTQDoJO33s" class="video"><img src="http://design.luminarya.ru/videoi.png?1494" alt="" /></a>вставлять не:
//www.youtube.com/embed/1iTQDoJO33sиз кода, а обычную ссылку на видео, пример ссылки:
http://www.youtube.com/watch?v=1iTQDoJO33s
#20
Отправлено 09 Февраль 2017 - 00:22
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных