2015-10-27 2 views
1

У меня есть ссылка на видео, как этот каталогFancybox media как подать заявку?

uploads/Sample.mp4 

я добавил это в a тег, как это ниже код

<a class="fancybox-media" href="uploads/Sample.mp4">Click on me</a> 

Я попытался ниже script

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.fancybox-media').fancybox({ 
     openEffect : 'none', 
     closeEffect : 'none', 
     helpers : { 
      media : {} 
     } 
    }); 
}); 
</script> 

После нажатия на link, это не всплывающее окно, которое будет направлять видеосвязь и запускать видео. Как я могу использовать fancybox media здесь?

Я использую v2.1.5.

Примечание: Здесь FancyBox, яваскрипт все звено в порядке, я проверил по наносите на изображении.

После применения ifram вывод выглядит следующим образом.

enter image description here

ответ

1

Я считаю, нужно указать, что видео должно быть завернуты на iframe.

Попробуйте добавить type: 'iframe', к вашим услугам. Как это:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.fancybox-media').fancybox({ 
     type: 'iframe', 
     openEffect : 'none', 
     closeEffect : 'none', 
     helpers : { 
      media : {} 
     } 
    }); 
}); 
</script> 
+0

Я попытался это раньше, он работает, но размер очень мал. Я редактирую свой вопрос с выходом i-frame. –

1

Я сделал это, используя сценарий

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.fancybox-media').fancybox({ 
     type: 'iframe', 
     minWidth : 500, 
     minHeight : 500, 
     fitToView : false, 
     openEffect : 'none', 
     closeEffect : 'none', 
     helpers : { 
      media : { 

      } 
     } 
    }); 
}); 
</script> 
+1

отлично :) Спасибо за то, что поделились своим решением. – 1cgonza

Смежные вопросы