Видео

Чтобы добавить видео с YouTube или Vimeo, просто перейдите на страницу видео:

<div class="fotorama">
 <a href="http://youtube.com/watch?v=C3lWwBslWqg">Desert Rose</a>
 <a href="http://vimeo.com/61527416">Celestial Dynamics</a>
</div>

Пример видео (новое окно):

Fotorama автоматически выберет заставки. Формат ссылки не строгий - http://youtu.be/C3lWwBslWqg и http://player.vimeo.com/video/61527416 также хороши.

Для пользовательской заставки:

<div class="fotorama">
 <a href="http://youtube.com/watch?v=C3lWwBslWqg">
 <img src="desert-rose.jpg">
 </a>
</div>

С помощью этой формулы добавьте отдельный эскиз:

<div class="fotorama" data-nav="thumbs">
 <a href="http://youtube.com/watch?v=C3lWwBslWqg" data-img="desert-rose.jpg">
 <img src="desert-rose_thumb.jpg">
 </a>
</div>

Пользовательское видео

Вы также можете добавить любое видео, если у вас есть ссылка iframe и превью. Видеоролики Dailymotion:

<div class="fotorama" data-width="700" data-ratio="700/426">
 <a href="http://dailymotion.com/embed/video/xxgmlg?autoplay=1"
 data-video="true">
 <img src="/examples/videopreview/1.jpg">
 </a>
 <a href="http://dailymotion.com/embed/video/x5i8pfk?autoplay=1"
 data-video="true">
 <img src="/examples/videopreview/2.jpg">
 </a>
</div>

Пример: пользовательское видео