不懂就问，有没有什么办法同时播放两个视频，并且调节视频进度是同时调节两个视频的进度

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 1967 days ago, the information mentioned may be changed or developed.

有个课程录播，是两个视频，一个是 ppt 界面的录屏，一个是课堂里面老师讲课的视频（只看得到黑板和人）

我下下来观看，觉得同时调节两个视频的进度很麻烦，不容易对准

有没有办法同步播放、同步调节进度

进度

视频

调节

录屏

14 replies • 2020-12-07 21:50:34 +08:00

youla

Dec 7, 2020

做过类似的，用的 websocket 通信。

kiracyan

Dec 7, 2020

合并两个视频

ditel

Dec 7, 2020 via Android

事件吧，事件通信什么的

gggxxxx

Dec 7, 2020

40

If anyone is still interested in this the current version of VLC is able to do this very well without any kind of scripting or add-on. As far as I know however you can only play two files synchronously, not 3.

To accomplish this simply open VLC and select Media>Open Multiple Files.
Inside the multiple file windows select add to add the first file.
After this click on the, "Show more options," checkbox followed by the, "Play another media synchronously," checkbox at the bottom of the window.
Select browse next to, "Extra media," to add the second file.
Hit play and the two media files will play simultaneously with a single control window.

easonHHH

Dec 7, 2020

最简单粗暴的方法应该是找个视频剪辑软件把两个视频直接合并一起

yutou527

Dec 7, 2020

```html
<!DOCTYPE HTML>
<html>
<body>

<video id='main' controls="controls" controls="controls">
<source src="/i/movie.mp4" type="video/mp4" />
</video>
<video id='sub' controls="controls" controls="controls">
<source src="/i/movie.mp4" type="video/mp4" />
</video>

<script>
let main = document.getElementById('main');
let sub = document.getElementById('sub');
main.addEventListener('play',function(e){sub.play()}); main.addEventListener('pause',function(e){sub.pause()});
main.addEventListener('seeking',e=>{
sub.currentTime = main.currentTime;
});
</script>
</body>
</html>

```

yutou527

Dec 7, 2020

这个才简单粗暴

yutou527

Dec 7, 2020

https://s3.ax1x.com/2020/12/07/DxgNt0.gif

vvvivvv

Dec 7, 2020

https://imgchr.com/i/DxRCse
推荐 rvplayer，非常强大的视频播放器，支持并播多个视频，并且支持自定义播放布局，可以将一个视频叠加在另一个视频上方，看上去就像一个视频。
官网地址： http://www.tweaksoftware.com/products/rv
不过是收费的，当然你也可以找找 xx 版。