视频切换JS

最新推荐文章于 2023-02-16 19:12:15 发布

nebear

最新推荐文章于 2023-02-16 19:12:15 发布

阅读量1k

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/nebear/article/details/51984427

版权

本文详细介绍了如何利用JavaScript实现视频播放的无缝切换效果，通过动态改变HTML5 video元素的src属性，确保视频播放的流畅性和用户体验。同时，结合jQuery库进行辅助操作，简化了DOM操作的复杂性。

摘要由CSDN通过智能技术生成

<script type="text/javascript" >
$(document).ready(function () {

	//视频点击
	
	$ifrVideo = $('#ifr_video');
	$('#video .video_item').click(function () {
		var $this = $(this),
			vid = $this.attr('data-vid'),
			// src = url + '?vid=' + vid + optsStr;
			src = vid;
		$ifrVideo.attr({
			src: src
		});
		
		
		var embedsrc_str='<embed id="embedsrc" src='   +   src   +   '  id="ifr_video"  quality="high" width="670" height="410" align="middle" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" mode="transparent" />';
		$("#vPlayer").html(embedsrc_str);
		
		
	}).eq(0).click();
	
	$("#video a").click(function(){
		$(this).find("p").addClass("col"