javascript - Fotorama 自定义视频

Question

是否可以在 fotorama 上有自定义视频，我无法将我的视频嵌入到 youtube、vimeo 或任何其他视频服务，我需要一个简单的视频标签来显示视频。

Answer 1

答： http: //fotorama.io/customize/html/
所以您可以使用 HTML5 视频标签或任何自定义视频 flash pleer。

Answer 2

如果您要插入帖子：

[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>

Answer 3

内置对 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