当用户滚动时如何暂停 youtube 嵌入 [英] how can I pause a youtube embed when a user scrolls away
本文介绍了当用户滚动时如何暂停 youtube 嵌入的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我一直在尝试寻求帮助,以便在用户滚动时暂停视频.我已经能够找到 html5 视频的帮助,但现在我还需要知道如何使用 youtube API.
我嵌入 YouTube 的 html 结构如下
<iframe id="vplayer"src="//www.youtube.com/embed/qKaMgJwBItM?modestbranding=1&showinfo=0&modestbranding=0&controls=1&rel=0&autoplay=1&vq=hd720"frameborder="0"webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
我在 html5 中使用了以下内容 - youtube API 是否有非常不同的方法来做同样的事情?
<脚本>//当视频可见时播放var 视频 = document.getElementsByTagName("video"), 分数 = 0.8;函数 checkScroll() {for(var i = 0; i
我不确定我是否了解如何完全使用 Youtube API我能够找到一个代码,如果另一个玩家正在玩,它会停止一个玩家,但我不知道如何操纵它来实现我的需要.
相关文章
- 当用户滚动离开时如何暂停 youtube 嵌入;
- 播放Soundcloud嵌入时暂停Youtube嵌入;
- 当用户向下滚动时显示内容;
- 当用户手动滚动时,Jquery .animate()停止滚动?;
- 当用户滚动UIScrollView时如何重绘UIView?;
- 如何自动滚动 ScrollViewer - 仅当用户未更改滚动位置时;
- 当用户向下滚动页面时加载图像 - ;
- 当用户向下滚动到内容时,如何加载内容?;
- 如何使用 vanilla Javascript 暂停嵌入的 Youtube 视频?;
- 播放另一个时暂停 YouTube iframe 嵌入;
- 播放另一个时暂停嵌入 YouTube iframe;
- 当用户使用jQuery滚动时,更改div css;
- 当用户滚动到div时,jQuery淡入div;
- 当用户滚动到页面底部时显示页脚;
- 当用户手动滚动时突出显示锚链接?;
- 在播放另一个时暂停YouTube iframe嵌入;
- 当用户离开当前窗口时暂停的计时器;
- 当用户向下滚动并到达页面中心时检测;
- 当用户滚动“近"时,加载更多内容.页面底部?;
- 当用户向下滚动页面时,使超链接可见;
- 当用户上下滚动太快时,jQuery动画会挂起;
- 当用户滚动到页面末尾时使用jQuery .load();
- 当用户滚动到给定div的底部时如何追加div?;
- 当用户向下滚动时,如何使标题中的文本更小?;
- 当用户单击嵌入 PDF 中的链接时收到通知;
前端开发最新文章
- 为什么Chrome(在Electron内部)突然重定向到chrome-error:// chromewebdata?;
- 错误102(net :: ERR_CONNECTION_REFUSED):服务器拒绝连接;
- 如何解决'重定向已被CORS策略阻止:没有'Access-Control-Allow-Origin'标题'?;
- 如何处理“Uncaught(in promise)DOMException:play()失败,因为用户没有首先与文档交互。”在桌面上使用Chrome 66?;
- 警告:添加非被动事件侦听器到滚动阻塞'touchstart'事件;
- 如何在浏览器中播放.TS文件(视频/ MP2T媒体类型)?;
- 此请求已被阻止;内容必须通过HTTPS提供;
- 资源解释为样式表,但转换为MIME类型text / html(似乎与web服务器无关);
- 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
- 拒绝从执行脚本'*',因为它的MIME类型(“应用/ JSON')不是可执行文件,并严格MIME类型检查被启用。;