Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Fotorama定制视频_Javascript_Fotorama - Fatal编程技术网

Javascript Fotorama定制视频

Javascript Fotorama定制视频,javascript,fotorama,Javascript,Fotorama,是否可以在fotorama上定制视频,我无法将视频嵌入youtube、vimeo或任何其他视频服务,我需要一个简单的视频标签来显示视频。回答: 因此,您可以使用HTML5视频标签或任何自定义视频flash播放器。内置对YouTube和Vimeo的支持: 如果有iframe链接和预览,还可以添加任何视频。以下是Dailymotion视频: Fotorama可以在iframe中显示视频。因此,您必须创建单独的页面,自动播放视频拉伸整个页面(宽度和高度100%)。然后在fotorama中链接到此页

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

回答:

因此,您可以使用HTML5视频标签或任何自定义视频flash播放器。

内置对YouTube和Vimeo的支持:

如果有iframe链接和预览,还可以添加任何视频。以下是Dailymotion视频:

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>

现场演示:

本例中有三个单独的视频:

如果要插入帖子:

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


谢谢。是的,这正是我的问题,如何使用html5视频标签来显示视频,文档中只讨论了使用iframe
<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>