Javascript 单击图标图像（背景视频播放）时，在单击的弹出窗口中播放视频

正在播放背景视频。当点击播放图标时，视频应在弹出窗口中开始播放。但视频应该从点击的时间和地点开始连续播放

例如：

如果单击“播放”，则正在播放背景视频（自动播放）-

$（文档）.ready（函数（）{
$（“#HeadServiceDeoLink”）.magnificPopup({
类型：'inline'，
midClick:true//允许在鼠标中键单击时打开弹出窗口。如果在href中未提供替代源，请始终将其设置为true。
});
}); 
@charset“utf-8”；
/*CSS文档*/
#视频容器{
位置：绝对位置；
最小高度：25雷姆；
宽度：100%；
溢出：隐藏；
}
#视频容器视频{
位置：绝对位置；
最高：50%；
左：50%；
宽度：自动；
高度：自动；
最小宽度：100%；
最小高度：100%；
z指数：0；
-ms转换：translateX（-50%）translateY（-50%）；
-moz变换：translateX（-50%）translateY（-50%）；
-webkit转换：translateX（-50%）translateY（-50%）；
转化：translateX（-50%）translateY（-50%）；
}
#视频容器，位置{
位置：绝对位置；
z指数：2；
}
#视频容器。覆盖{
位置：绝对位置；
排名：0；
左：0；
背景：#000000；
身高：100%；
宽度：100%；
不透明度：0.4；
z指数：1；
}
#头巾{
宽度：100%；
保证金：0自动；
}
#headerPopup视频{
宽度：100%；
保证金：0自动；
}
.mfp关闭btn in.mfp关闭{
颜色：#fff；
不透明度：1；
}
您可以在放大弹出窗口中使用回调函数。。。然后使用简单的javascript将背景视频的
currentTime
更新为弹出视频

这里是演示


$（文档）.ready（函数（）{
$（“#HeadServiceDeoLink”）.magnificPopup({
类型：'inline'，
midClick:true，//允许在鼠标中键单击时打开弹出窗口。如果在href中未提供替代源，请始终将其设置为true。
回调：{
elementParse:函数（项）{
var bannerVid=$（“#videoContainer”）.children（'video'）[0]。currentTime；
$（'#videoContainer'）。子项（'video'）[0]。暂停（）；
$（'#headerPopup'）。children（'video'）[0]。currentTime=bannerVid；
$（'#headerPopup'）。儿童（'video'）[0]。播放（）；
},
关闭：函数（）{
var vidTime=$（'#headerPopup'）。children（'video'）[0]。currentTime；
$（'#headerPopup'）。儿童（'video'）[0]。暂停（）；
$（“#videoContainer”）.children（'video'）[0]。currentTime=vidTime；
$（'#videoContainer'）。儿童（'video'）[0]。播放（）；
}
}
});
});
@charset“utf-8”；
/*CSS文档*/
#视频容器{
位置：绝对位置；
最小高度：25雷姆；
宽度：100%；
溢出：隐藏；
}
#视频容器视频{
位置：绝对位置；
最高：50%；
左：50%；
宽度：自动；
高度：自动；
最小宽度：100%；
最小高度：100%；
z指数：0；
-ms转换：translateX（-50%）translateY（-50%）；
-moz变换：translateX（-50%）translateY（-50%）；
-webkit转换：translateX（-50%）translateY（-50%）；
转化：translateX（-50%）translateY（-50%）；
}
#视频容器，位置{
位置：绝对位置；
z指数：2；
}
#视频容器。覆盖{
位置：绝对位置；
排名：0；
左：0；
背景：#000000；
身高：100%；
宽度：100%；
不透明度：0.4；
z指数：1；
}
#头巾{
宽度：100%；
保证金：0自动；
}
#headerPopup视频{
宽度：100%；
保证金：0自动；
}
.mfp关闭btn in.mfp关闭{
颜色：#fff；
不透明度：1；
}

是否要将背景视频的准确时间更新为弹出视频？我的意思是你想在背景视频当前播放的时间播放弹出式视频？是的。同时。如果我点击30秒。在弹出窗口中，视频应从30秒开始。不是从0秒开始，您可以使用“currentTime”javascript函数更新弹出视频时间。我已经张贴了我的答案。请检查。Tq@Asfan Shaikh。。但视频是在后台播放的。它应该停止在后台播放。您可以使用一些javascript视频事件切换计时和播放/暂停事件。OK tq。我会尝试编辑我刚才的答案。检查它是否如您所期望的那样工作。@PavankumarKori欢迎：）如果答案有帮助，请向上投票。