gpt4 book ai didi

javascript - youtube - 无法在轮播/ slider 中滑过 iframe

转载 作者:搜寻专家 更新时间:2023-11-01 04:31:20 29 4
gpt4 key购买 nike

我有一个带有轮播的响应式网站。用户可以将 youtube 视频作为幻灯片之一嵌入。在桌面上这工作正常。然而,在移动设备上,iframe 显然会吃掉所有滑动事件,您无法滑动视频。我们不得不通过替换视频图像然后使用 window.open() 打开一个包含视频的新窗口来解决这个问题。

这很糟糕。

有什么好的方法可以克服这个问题吗?

最佳答案

简而言之,我发现我做错了。

slider 脚本在两个桌面上都运行良好。在手机上它可以工作,除非你不能滑过 iframe嵌入视频。

我的示例 iframe 是: <iframe width="1280" height="720" src="//www.youtube.com/embed/Lzbr6fPDmkE" frameborder="0" allowfullscreen></iframe> (仅供引用,如果你是陆军退伍军人,这是一个有趣的视频)

我发现了一个(有点明显的)事实,即 youtube 也有一个缩略图 url。所以在移动设备上我添加以下 img标签:

<img src="http://i.ytimg.com/vi/Lzbr6fPDmkE/hqdefault.jpg" alt="1300x650" />

我在 this article 中找到了答案

我使用的 url 与他们的不同,因为我从 gmail 邮件中嵌入的 youtube 缩略图上撕下了它。

关于javascript - youtube - 无法在轮播/ slider 中滑过 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28180672/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com