标签: javascript jquery video youtube overlap
我想在一个页面上嵌入多个YouTube视频。用户点击第一个顶级视频播放视频,他们决定不再观看,因此他们点击第二个底部视频播放该视频,但第一个视频仍在播放,导致重叠的音频和2个视频同时播放。
我想如果用户点击第二个视频,则其他视频将停止,一次只能播放一个视频。这可能吗?怎么样?
之前我已经完成了播放列表,但我想尝试除播放列表以外的其他内容。我也尝试制作一个拇指视频图像,点击打开弹出窗口,如bootstrap模式,但这也不起作用。点击时,视频仍然在模式的背景中播放。
这是我的小提琴:https://fiddle.jshell.net/m2bxx7t9/