Fotorama定制视频

Question

我不能把我的视频嵌入到youtube、vimeo或其他视频服务中，我需要一个简单的视频标签来显示视频。

Answer 1

内置支持YouTube和Vimeo：

http://fotorama.io/customize/video/

如果您有iframe链接和预览，也可以添加任何视频。以下是每日运动视频：

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

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>