如何将视频添加到 nivo 滑块?

Posted

技术标签:

【中文标题】如何将视频添加到 nivo 滑块?【英文标题】:How to add video to nivo slider? 【发布时间】:2012-05-06 06:03:08 【问题描述】:

我在主页中设置了 nivo 滑块。但是现在,我需要在该滑块中显示一个视频,但我发现 nivo 滑块 在我添加视频时会变得很糟糕:

<object type="application/x-shockwave-flash" data="URL"   title="#caption1">
                            <param name="movie" value="URL"></param>
                            <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
                            <param name="wmode" value="transparent"></param>
                            <embed type="application/x-shockwave-flash" src="URL"  ></embed>
                        </object>

是否有人对 nivo core 进行了更改以允许添加视频功能或处理类似问题?

非常感谢!

【问题讨论】:

【参考方案1】:

来自支持人员:

很遗憾,滑块目前仅适用于图像。

http://support.dev7studios.com/discussions/general-discussion/246-using-nivo-slider-for-youtube-videos#comment_12795752

也许你有幸使用动画 gif。

【讨论】:

jaajj 一个 gif,谢谢。有没有办法改变核​​心并添加视频功能?上帝,我将不得不改变孔结构...... @LeandroCusack 当然,您可以将此功能添加到 Nivo Slider,但这里讨论起来很复杂! 我喜欢复杂的东西,不知道你能不能“帮我一把”,我正在学习核心检测何时只识别图像 我认为修改一些方法是可以做到的,比如“createSlice” @LeandroCusack,您是否成功地修改了 Nivo Slider 以使视频和图像一起显示?【参考方案2】:

请改用Anything Slider。

来自官方网站:

特点:

面板是 html 内容(可以是任何东西)。

【讨论】:

【参考方案3】:

您可以改用Nivo Gallery

【讨论】:

【参考方案4】:

将BxSlider 用于图像和视频

【讨论】:

以上是关于如何将视频添加到 nivo 滑块?的主要内容,如果未能解决你的问题,请参考以下文章

将动态文本动画添加到 nivo 滑块

在 Nivo 滑块上播放/暂停按钮

Nivo 滑块链接不起作用

Nivo Slider 上的第一张图像出现失真

Nivo 滑块为每个图像提供不同的过渡效果

reactjs - 如何使用nivo Rocks为reactjs添加文本以使饼图居中?