第二个jQuery函数取消第一个jQuery函数

我自己试过了，真的试过了。阅读成吨的论坛帖子，试过密码笔，小提琴和整个9。我基本上浪费了3天。我在一个客户的网站上工作，所以时间至关重要。我知道这里有很多优秀的程序员

我实现了一个jquery代码，用于在关闭模式时停止播放视频。这是代码：

jQuery(document).ready(function($){
    $('.modal').on('hide.bs.modal', function() {
        var memory = $(this).html();
        $(this).html(memory);
    });
});

（我正在使用Wordpress，所以我必须这样做第一行。）

不管怎么说，效果很好，当你关闭modal时，视频停止播放。但后来我想使用视频海报图像，为了避免繁琐的双击，它需要延迟自动播放（在页面加载时停止自动播放视频，等待海报图像被单击）。以下是我经常使用的代码：

jQuery(document).ready(function( $ ){
    $('.vidposter').on('click', function() {
    var element = $(this);
    var videoSRC = element.attr('data-videoSRC');
    var iframe = '<iframe width="700" height="394" src="'+videoSRC+'"></iframe>';
    element.html(iframe);
    });
});

jQuery（文档）.ready（函数（$）{
$（'.vidposter'）。在（'click'，function（）上{
var元素=$（此）；
var videoSRC=element.attr（'data-videoSRC'）；
var-iframe=''；
html（iframe）；
});
});

如果您需要查看，以下是HTML：

  <div align="center"><div class="vidposter" data-videoSRC="https://player.vimeo.com/video/123456789?autoplay=1"><img src="http://blahblahsite.com/images/image.jpg" style="cursor:pointer"></div></div>

问题:

这两个jquery单独工作都很好。当我上传第二个脚本时，它会被忽略。或者当我尝试一个组合函数时，第二个函数失败

我的合并尝试：

jQuery(document).ready(function($){

    $('.vidposter').on('click', function() {
        var element = $(this);
        var videoSRC = element.attr('data-videoSRC');
        var iframe = '<iframe width="700" height="394" src="'+videoSRC+'"></iframe>';
        element.html(iframe);
    });

    $('.modal').on('hide.bs.modal', function() {
        var memory = $(this).html();
        $(this).html(memory);
    });
});

jQuery（文档）.ready（函数（$）{
$（'.vidposter'）。在（'click'，function（）上{
var元素=$（此）；
var videoSRC=element.attr（'data-videoSRC'）；
var-iframe=''；
html（iframe）；
});
$（'.modal'）.on（'hide.bs.modal'，function（））{
var memory=$（this.html（）；
$（this）.html（内存）；
});
});

我把它们结合起来是不是错了？？我需要重写什么吗

---

仅供参考：“视频海报+延迟自动播放”功能正常，但“模式关闭时停止视频”不仅会被忽略，而且会从头开始视频。

您的一个代码使用

video

标记进行视频，另一个代码使用

iframe

标记进行视频

第一个要暂停第二个的

video

标记，但第二个使用

iframe

标记

它们彼此不一致。使用

video

标记暂停视频与

iframe

标记不同

对于停止视频，您应该检查它是

iframe

还是

normal video

。并分别停止每个案例的视频

因此，改变：

    var memory = $(this).html();
    $(this).html(memory);

致：

---

此外，如果要暂停而不是停止，请删除

vid.currentTime=0并更改
“方法”：“卸载”
至
“方法”：“暂停”
您的一个代码正在使用
视频标签，另一个代码正在使用
iframe
视频标签

第一个要暂停第二个的
video
标记，但第二个使用
iframe
标记

它们彼此不一致。使用
video
标记暂停视频与
iframe
标记不同

对于停止视频，您应该检查它是
iframe
还是
normal video
。并分别停止每个案例的视频

因此，改变：

    var memory = $(this).html();
    $(this).html(memory);

致：

此外，如果要暂停而不是停止，请删除
vid.currentTime=0并更改
“方法”：“卸载”
为
“方法”：“暂停”
你有现场演示吗？我发布了答案。你没有提供完整的密码，但这是我的猜测。另外，如果我理解的
stop
和
pause
错误，只需搜索“stop（或pause）iframe video”和“stop（或pause）video tag”即可找到相应的代码。您好，感谢您的回复！我没有提供完整的代码是什么意思？我粘贴了我正在使用的东西。还有：我正在研究你的答案。你是说在第一个函数中，视频和iframe冲突吗？在我引入第二个函数（模式关闭）之前，该代码运行良好。@brandydoll是的，但我不知道您在wich视频中使用的是“模式关闭时停止视频”。您发布的问题中没有视频。你可能会在某个模态上的某个视频上使用它，但你没有发布模态和视频。（第一个函数的用法）@brandydoll我是说，在你决定使用海报图像之前的html。你有现场演示吗？我发布了一个答案。你没有提供完整的密码，但这是我的猜测。另外，如果我理解的
stop
和
pause
错误，只需搜索“stop（或pause）iframe video”和“stop（或pause）video tag”即可找到相应的代码。您好，感谢您的回复！我没有提供完整的代码是什么意思？我粘贴了我正在使用的东西。还有：我正在研究你的答案。你是说在第一个函数中，视频和iframe冲突吗？在我引入第二个函数（模式关闭）之前，该代码运行良好。@brandydoll是的，但我不知道您在wich视频中使用的是“模式关闭时停止视频”。您发布的问题中没有视频。你可能会在某个模态上的某个视频上使用它，但你没有发布模态和视频。（第一个函数的用法）@brandydoll我是说，在你决定使用海报图像之前的html。谢谢你的所有输入。显然，我们不应该在这里说谢谢、微笑或其他什么，但这对我来说是陌生的。在这里想象一张笑脸：现在关于你的答案……让我清楚，这会做什么？暂停视频？如果模态关闭，我希望它完全停止。哦，酷：）我更改了那行，但它不起作用。我明天会在线回来。我该如何感谢你或给你分数或其他什么？@brandydoll这里是最后一个：（第32行和第33行被更改。问题是你的第一个代码：p）@brandydoll以前的代码应该可以工作，但是如果它不能工作，那么也试试这个：嗨！我等不及今晚回家试试这个！我会让你知道：p谢谢你的所有意见。显然，我们不应该在这里说谢谢、微笑或其他什么，但这对我来说是陌生的。想象一张笑脸：现在abo