2013-08-29 4 views
0

Возможно ли иметь собственное видео на fotorama, я не могу вставлять свое видео в YouTube, Vimeo или любые другие видеоуслуги, мне нужно иметь простой видео-тег для показа видео.Fotorama custom video

ответ

0

http://fotorama.io/customize/html/
Таким образом, вы можете использовать тег HTML5 или любой пользовательский видеоплеер.

+0

Thanks.Yes, что именно мой вопрос, как использовать тег видео html5 для отображения видео, документация только говорить об использовании IFRAME – user2496373

+0

Ok, теперь я получил его .... – user2496373

0

Встроенная поддержка YouTube и Vimeo:
http://fotorama.io/customize/video/

Вы также можете добавить любое видео, если у вас есть ссылка Iframe и предварительные просмотры. Вот видео Dailymotion:
http://fotorama.io/examples/video-custom.html

Fotorama может показывать видео в iframe. Таким образом, вам нужно создать отдельную страницу с автовоспроизведением видео растянутой полностраничной (ширина & высота 100%). А затем ссылку на эту страницу в fotorama:

<div class="fotorama"> 
    <a href="/link/to/the/video" data-video="true" data-img="preview.jpg"><img src="preview_small.jpg"></a> 
</div> 

Живая демонстрация:
http://artpolikarpov.github.io/fotorama/test/video-flowplayer.html

И три отдельных видео из этого примера:
http://artpolikarpov.github.io/fotorama/test/flowplayer/1.html http://artpolikarpov.github.io/fotorama/test/flowplayer/2.html http://artpolikarpov.github.io/fotorama/test/flowplayer/3.html

0

Если вы вставляете в a должность:

[gallery ids= 750,749,748,747,746,745,744,743,742,741" width="100%" ratio="1024/768" autoplay="3000" stopautoplayontouch="false" loop="true" transition="slide" keyboard="true"] 

ИЛИ

<div class="fotorama" data-width="100%" data-ratio="1024/768" data-autoplay="3000" data-stopautoplayontouch="false" data-loop="true" data-transition="slide" data-keyboard="true"> 
<a href="youtube link">jets</a> 

<img src="image url" class="aligncenter size-medium wp-image-745" /> 

<img src="image url" class="aligncenter size-full wp-image-743" /> 

<img src="image url" class="aligncenter size-full wp-image-741" /></a> 
</div>