javascript - HTML5 视频弹出窗口

Question

我在网站客户端上工作，要求当有人播放视频时它应该自动播放(我做到了)，当有人点击视频时它应该在弹出窗口中打开(我做到了并且工作正常)。现在他问我什么时候点击视频 1 并且弹出窗口中的视频应该与第一个视频已经运行的时间相同，比如 00:35 秒。 `

this is for video 

	jQuery(document).ready(function(){
		    jQuery("#video1").click(function(){
		        jQuery("#video1 source").clone().prependTo('#video2');
		    });
		    jQuery("#video1").click(function(){
		        jQuery("#video1 source:first-child").remove();
		    });
		    jQuery("#video2").on("play",function(){
		        jQuery("#video1").trigger("pause");
		    });
		});	

		jQuery(document).ready(function(){
			jQuery('#video1').click(function(){
				jQuery('#vid_overlay').fadeIn('slow');
			});
			jQuery('#vid_overlay').hide();
			jQuery('#video1').click(function(){
				jQuery('#vid_overlay').fadeIn('slow');
			});
			jQuery('#exit_btn').click(function(){
				jQuery('#vid_overlay').fadeOut('slow');
			});

			jQuery('#video1').click(function(){
				this.paused?this.play():this.pause();
			});
			jQuery('#video1').click(function(){
				jQuery("#video2").trigger("play");
			});
			jQuery('#exit_btn').click(function(){
				jQuery("#video2").trigger("pause");
			});
			jQuery('#exit_btn').click(function(){
				jQuery("#video1").trigger("play");
			});
		});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<video id="video1" width="300" controls autoplay loop>
		<source id="video_src" src="videos/BIISummitDubai.mp4" type="video/mp4">
	</video>
    and this for is popup
	<div id="vid_overlay">
		<div id="video_wrap">
			<span id="exit_btn">&times;</span>
			<video id="video2" width="800" controls loop>
			</video>
		</div>
	</div>

Answer 1

currentTime 属性设置或返回音频/视频播放的当前位置(以秒为单位)。

设置该属性时，播放会跳转到指定位置。

所以，可以获取video1的currentTime，然后设置到video2

像这样:

video2.currentTime = video1.currentTime;