首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何用jQuery控制嵌入式vimeo视频?

如何用jQuery控制嵌入式vimeo视频?
EN

Stack Overflow用户
提问于 2018-08-09 05:50:49
回答 1查看 435关注 0票数 1

我的网站上有一段视频

https://clocal.wpengine.com/

这是在一个弹出框中,显然只有当你点击一个按钮打开弹出窗口时才能看到。这个网站是在WordPress上建立的,我正在使用一个名为Divi的WordPress主题。我用的是这个黑客

https://dividezigns.com/pop-up-contact-form-using-divi/

让我的弹出式窗口。但这是我的问题,一切正常,除了当我关闭弹出窗口时,视频仍然在后台播放。如果是youtube vid,我可以用这段代码

http://jsfiddle.net/MadLittleMods/3J2wT/

代码语言:javascript
运行
AI代码解释
复制
<iframe id="popup-youtube-player" width="640" height="360" src="http://www.youtube.com/embed/geTgZcHrXTc?enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen="true" allowscriptaccess="always"></iframe>

$('#stop').on('click', function() {
    //$('#popup-youtube-player').stopVideo();
$('#popup-youtube-player')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');    
});

来阻止它。但这是一段Vimeo视频,这段代码不适用于Vimeo。

我只知道一点CSS和HTML,没有jQuery或javascript,除了我学到的,试图找出这一个,所以任何帮助都是很棒的!

谢谢。

-sparkie狗

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-09 06:35:05

可能有一个更好的解决方案,我建议的一个,但你能只清除视频的src值,然后重新加载它在结束的停止事件?

代码片段:

代码语言:javascript
运行
AI代码解释
复制
$('#stop').on('click', function() {
   var source = $('#popup-youtube-player').attr('src');

   $('#popup-youtube-player').attr('src','');

   $('#popup-youtube-player').attr('src',source);
});

它似乎适用于这个jsfiddle链接:

http://jsfiddle.net/3J2wT/2325/ (欣赏猫视频)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51768842

复制
相关文章
如何下载 Vimeo 视频?
Vimeo 是一个以视频为中心的社交网站,自 2004 年创建以来已经积累了超过 2 亿用户。
石头碎了一地
2022/11/10
7.3K1
4K Video Downloader Mac(YouTube、Vimeo视频下载器)
哪里可以下载安装youtube、vimeo视频下载器?今天为大家分享一款简单易用的4K高清视频下载工具—"4K Video Downloader"。4K Video Downloader Mac允许以高质量和最快的速度从YouTube下载视频,音频和字幕,并且连接允许,使用非常简单,只需从浏览器中复制视频链接,然后点击“粘贴网址”即可。
Mac知识分享
2022/08/20
1.4K0
【Rust日报】 2019-06-15:「实录」Rust 和 Go 在图像处理上的性能之争
来自国内社区 NameFactory ,他在用Rust实现一门动态语言,并且在知乎里记录了他的心路历程。大家可以关注一下,支持一下。
MikeLoveRust
2019/07/09
1.3K0
【Rust日报】 2019-06-15:「实录」Rust 和 Go 在图像处理上的性能之争
jQuery 追加元素的方法如append、prepend、before
jQuery after() 方法在被选元素之后插入内容。 jQuery before() 方法在被选元素之前插入内容。 实例
用户5640963
2019/07/28
1K0
嵌入式音视频开发过程中如何控制码率?
在音视频领域,码率控制模式有着举足轻重的地位。那什么是码率控制?码率控制是指通过调节图像的压缩比例,从而决定输出编码码率的过程。
用户6280468
2023/08/31
3350
嵌入式音视频开发过程中如何控制码率?
Jquery控制input与selected
当以form表单提交,diabled时无法获取数值,readonly可以获取到数值。
WindCoder
2018/09/20
1.3K0
基于 jQuery支持移动触摸设备的Lightbox插件:Swipebox使用说明
Swipebox是一款支持桌面、移动触摸手机和平板电脑的jquery Lightbox插件。该lightbox插件支持手机的触摸手势,支持桌面电脑的键盘导航,并且支持视频的播放。
李维亮
2021/07/09
1.7K0
绑定事件中 如可控制函数的执行次数
var flag = true; function onlyOne() { if(flag) { "这里是要执行的代码"; } flag = false//该方法是控制函数仅执行一次 因为flag是全局变量 onlyOne()函数执行一次后flag就变成false了 函数就执行不了了
大当家
2018/06/28
2.3K0
jQuery控制控件文本的长度
文章作者:Tyan 博客:noahsnail.com  |  CSDN  |  简书
Tyan
2022/05/09
1.3K0
Vimeo的转码设施升级之旅
 点击上方“LiveVideoStack”关注我们 ▲扫描图中二维码或点击阅读原文▲ 了解音视频技术大会更多信息   //   编者按:随着Google Cloud等基础设施更加成熟,通过使用更加廉价的竞价实例,可以大幅的降低成本。通过开发新的基础设施管理平台——Falkor,Vimeo的运营成本也大幅降低了。 文 / Quentin Mazars-Simon 原文 / https://medium.com/vimeo-engineering-blog/riding-the-dragon-e328a3df
LiveVideoStack
2023/04/04
1K0
Vimeo的转码设施升级之旅
jQuery基础--音乐视频操作
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; list-style: none; } .nav { width: 900px; height: 60px; background-color: black; margin: 0 auto; } .nav li { width: 100px; height: 60px; /*border: 1px solid yellow;*/ float: left; position: relative; overflow: hidden; } .nav a { position: absolute; width: 100%; height: 100%; font-size: 24px; color: blue; text-align: center; line-height:60px; text-decoration: none; z-index: 2; } .nav span { position: absolute; width: 100%; height: 100%; background-color: yellow; top: 60px; } </style> <script src="../jquery-1.12.4.js"></script> <script> $(function () { $(".nav li").mouseenter(function () { $(this).children("span").stop().animate({top:0}); var idx = $(this).index(); //让对应的音乐播放, 音乐播放的方法时DOM对象。 $("audio").get(idx).load(); $("audio").get(idx).play(); }).mouseleave(function () { $(this).children("span").stop().animate({top:60}); }); }); </script> </head> <body> <div class="nav"> <ul> <li> <a href="javascript:void(0);">导航1</a> <span></span> </li> <li><a href="javascript:void(0);">导航2</a><span></span></li> <li><a href="javascript:void(0);">导航3</a><span></span></li> <li><a href="javascript:void(0);">导航4</a><span></span></li> <li><a href="javascript:void(0);">导航5</a><span></span></li> <li><a href="javascript:void(0);">导航6</a><span></span></li> <li><a href="javascript:void(0);">导航7</a><span></span></li> <li><a href="javascript:void(0);">导航8</a><span></span></li> <li><a href="javascript:void(0);">导航9</a><span></span></li> </ul> <!--音频标签--> <div> <audio src="mp3/1.ogg"></audio> <audio src="mp3/2.ogg"></audio> <audio src="mp3/3.ogg"></aud
eadela
2019/09/29
1.4K0
UNITE Gallery-图片库插件(DLE 13及更高版本)
Unite Gallery是一个基于jquery库的多用途jаvascript库。它采用模块化技术构建,注重易用性和定制性。自定义图库,使用CSS更改其皮肤,甚至编写自己的主题都非常容易。但是,这个画廊非常强大,快速,并具有大多数现代功能,例如响应能力,触摸控制甚至缩放功能,这是一种独特的效果。
Dabenshi
2023/05/26
7320
嵌入式:ARM 汇编控制伪操作
IF 、 ELSE 、 ENDIF 伪操作能根据条件的成立与否决定是否执行某个指令序列。当 IF 后面的逻辑表达式为真,则执行指令序列 1 ,否则执行指令序列 2 。其中, ELSE 及指令序列 2 可以没有,此时,当 IF 后面的逻辑表达式为真,则执行指令序列 1 ,否则继续执行后面的指令。
timerring
2022/12/30
2.1K0
如何用B站弹幕控制游戏
这样就实现从操作到展示的完整逻辑,所有直播间的水友都可以参与游戏,下面是实际效果:
公众号@魔术师卡颂
2021/10/12
1.6K0
windows下如何用python控制打
但实际上这只是打印自己制定的字符串, 并且打印出来会显示txt的文件名。所以我更倾向于使用windows的cmd指令打印指定文件。
py3study
2020/01/08
5420
嵌入式Qt-控制硬件:滑动条控制RGB灯
前面的几篇文章,介绍Qt例程,都是和硬件无关的,Windows平台和嵌入式平台都能运行。
xxpcb
2022/10/04
1.5K0
嵌入式Qt-控制硬件:滑动条控制RGB灯
如何用Python检测视频真伪?
译者注:本文以一段自打24小时耳光的视频为例子,介绍了如何利用均值哈希算法来检查重复视频帧。以下是译文。
IT派
2018/07/30
1.5K0
如何用Python检测视频真伪?
如何用图片合成视频
如今视频在我们的生活中,随处可见,随手可得。如果你想把一些照片,合成视频,可以使用专业的视频剪辑软件,比如:剪映,另外也可以通过编写程序的方式来完成。这种方式处理起来更加的高效。接下来,我将使用代码的方式,实现图片合成视频。
TalkPython
2022/11/21
2.3K0
如何用Python合并多个视频
视频处理的本质就是对图像的连续处理。那么视频的合并和剪切其实就是对图片的组合,多个视频的合并和剪切就是读取视频中的图片进行重新排列组合。这次分享的内容,是把多个视频合并成一个视频。
TalkPython
2022/11/21
1.9K0
视频 | 如何用 AI 预测股价?
我们能用机器学习准确地预测股价吗? 一种普遍的说法是股价是完全随机和不可预测的——让一只猴子蒙住眼睛在报纸的金融版面用飞镖选出来的投资组合,也能和投资专家精心选择的一样好。 那么问题来了,为什么像摩根斯坦利和花旗集团这样的顶级公司还要雇佣大量的分析师来建立预测模型呢? 曾几何时,证券交易中心的大厅里挤满了人,全都打了鸡血一样,系着松垮的领带,边跑边冲着电话叫嚷。但是现如今你更可能见到的是成排的机器学习专家,静静地坐在电脑屏幕前。事实上,华尔街大约70%的交易现在是在电脑软件上进行的。欢迎来到算法时代!
AI研习社
2018/03/19
8930
视频 | 如何用 AI 预测股价?

相似问题

视频不播放嵌入式vimeo视频jquery fancybox?

16

嵌入式Vimeo视频进度跟踪

13

嵌入式Vimeo视频回调

13

使用jquery控制嵌入式视频

13

嵌入式vimeo/youtube视频未停止

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文