【问题标题】:FancyBox thumbnail for video视频的 FancyBox 缩略图
【发布时间】:2019-10-13 15:28:32
【问题描述】:

我想将 FancyBox 用于视频,但让我的页面显示缩略图而无需显式创建缩略图。这是我所说的一个例子:

http://59plymouth.net/lightbox/fancybox.html

此页面显示了两个缩略图,它们代表相同的视频。如果你点击第一个,FancyBox 会弹出视频,这是我想要的结果。但是,我必须生成一个缩略图。第二个使用 HTML5 视频标签,它从视频中提取缩略图以呈现,而无需我显式创建它。

有没有一种方法可以同时实现 - 将 FancyBox 识别为弹出视频,但仍显示来自视频对象的缩略图而不显式创建缩略图?

【问题讨论】:

    标签: jquery fancybox


    【解决方案1】:

    fancybox 已经从您的视频中生成了缩略图,但是,由于图库中只有一个视频,因此不会生成缩略图列表。因为,好吧,没有必要这样做,您只是无法导航到下一个/上一个视频。

    因此,将更多视频添加到您的图库中,缩略图应该会出现。

    【讨论】:

    • 我很抱歉;我本来可以更清楚的。我的意思是 phpBB 缩略图,而不是 FancyBox 缩略图。这是我的生产站点的一个页面,其中包含多个视频 - 所有视频都带有视频标签和宽度限制以将它们呈现为缩略图:59plymouth.net/59forum/…
    • 它们已经存储在论坛中,没有缩略图。在我之前的示例中,FancyBox 演示文稿需要一个“img src=”缩略图 - 但我没有,除了我为比较创建的那个。
    • Ohmigosh,@Janis!这行得通!它是街头合法的 HTML5 吗?!?
    • OK - 我已经在我的测试 phpBB 板中实现了这些更改,并且 FancyBox 库效果很好!但是,虽然我不希望 .mp3 有 FancyBox 缩略图(我正在调用视频以添加到图库中),但我也没有获得两个 .mp4 的缩略图。我以为你建议我会得到那些,如果我有不止一个......这是链接:59plymouth.net/59test/…
    • 抱歉,我很好奇,但您希望从 mp3 文件中获得什么缩略图?缩略图无法自动检索的地方需要自己添加缩略图,只需添加data-thumb属性(例如data-thumb="https://source.unsplash.com/Hau6K6VP5vs/240x160"
    猜你喜欢
    • 2010-12-01
    • 2023-04-05
    • 1970-01-01
    • 2013-06-15
    • 2010-12-13
    • 2012-02-23
    • 2018-12-21
    • 2015-03-26
    • 2010-11-05
    相关资源
    最近更新 更多