在FancyBox中播放后停止视频播放

时间:2017-05-25 17:24:18

标签: youtube fancybox

这是一个简单的问题以及如何在退出模态时让YouTube视频停止播放。

我们有这个主页滑块> https://www.bababing.com/

您可以看到,当您单击滑块中的磁贴时,它会打开并开始播放视频。但是,退出时仍然会播放视频。

无论如何,我们可以阻止他发生任何人都知道的事情吗?

我们正在使用精美的盒子来打开灯箱区域。

视频开通后我还想让它自动播放视频

任何想法都会很棒

谢谢, 格伦

1 个答案:

答案 0 :(得分:0)

你在内联播放内容中有youtube播放器代码,但是脚本会将你的内容移动到模态中并在关闭后放回。因此,如果用户与您的内容进行交互,则在关闭模式后它将保持不变。

您有几种选择:

1)您可以使用Youtube API在显示/隐藏内容后停止/启动视频;

2)显示您内容的克隆版本(例如$.fancybox.open( $('my-element').clone(true) );),但您可能仍需要使用Youtube API启动视频;

3)在点击活动中构建您自己的内容 - 类似于$.fancybox.open( 'there will be youtube iframe code with autoplay option and something more' ); - 这样您就可以避免弄乱Youtube API

4)使用指向https://www.youtube.com/watch?v=_sI_Ps7JSEk&autoplay=1的Youtube的直接链接 - 然后脚本将解析它并自动加载到iframe中