0

我在我的网页中使用了 highslide gallery js。此滑块仅显示图像。通过单击缩略图图像,将显示放大图像。但是客户想像这样显示youtube视频,vimeo视频。是否有可能以高幻灯片显示视频。或视频+图片库的任何其他参考?请帮忙。我花了更多时间搜索。谢谢。

4

2 回答 2

0

您可以通过多媒体画廊查看图像、视频和音频

此插件使用的 XML 文件的结构如下所示:

<?xml version="1.0"?>
<MultimediaGallery>
    <file type="photo">
        <thumb>media/photos/thumbs/3.jpg</thumb>
        <source>media/photos/3.jpg</source>
        <description>this is a description</description>
    </file>
    <file type="video">
        <thumb>media/videos/thumbs/html5.png</thumb>
        <source>http://www.youtube.com/watch?v=siOHh0uzcuY</source>
        <description>Youtube Video: Introduction to HTML5</description>
    </file>
    <file type="video">
        <thumb>media/videos/thumbs/bbbtrailer.png</thumb>
        <source>media/videos/video1.ogg</source>
        <source>media/videos/video1.m4v</source>
        <description>Video Integration Example: BBB Trailer</description>
    </file>
    <file type="audio">
        <thumb>media/audio/thumbs/audio1.jpg</thumb>
        <source>media/audio/audio1.ogg</source>
        <source>media/audio/audio1.mp3</source>
        <description>Audio Example</description>
    </file>
    ...
</MultimediaGallery>

另一种选择是http://www.jacklmoore.com/colorbox

例子

于 2012-07-04T06:47:35.470 回答
0

这是播放 Youtube 视频的 Highslide 示例:

<div class="textwrapper">
    <a href="http://www.youtube.com/v/znb6_J8npxM&hl=nb_NO&fs=1&" onclick="return openYouTube(this)" class="highslide">
        YouTube w/fade effect
    </a>
</div>

摘自:http ://highslide.com/

于 2012-07-04T07:20:49.390 回答