JS操作embed属性进行播放器设置

2022-10-09 09:15:14

前一阵子倒腾在web网页上播放视频,用的最简单的控件,embed标签。这个打开视频比较简单,操作和控制起来有点麻烦,折腾了好一阵子,这里记录一下能使用JS操作的embed标签的常用属性。

/**
 * 该方法用来设置播放器的属性
 * @param medioId:播放器ID,也就是embed标签的id值
 * @param flag:1-已经看完,那么可以显示控制信息 0-不能显示
 * @param progress:进度,已经看了的多少分钟了,用来定位视频的进度,以分钟为单位,系统会自动计算为秒
 * **/
function setMedioPlayer(medioId,flag,progress){
	var music = document.getElementById(medioId);
	//是否自动播放,-1表示自动播放,其他值表示不自动播放
	music.AutoStart=-1;
	//是否显示控制,比如播放,停止,暂停,进度调整音量调节等,-1表示显示,其他值表示不显示
	if(flag==1){//说明已经看完了,那么可以自动调整进度
		music.ShowControls=-1;
	}else{//没看完,不能手动调整
		music.ShowControls=0;
	}
	
	//是否显示往前往后及列表,如果显示一般也都是灰色不可控制,-1表示显示,其他值表示不显示
	music.showPositionControls=0;//
	//当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间,-1表示显示,其他值表示不显示
	music.ShowStatusBar=-1;//
	//是否显示当前播放跟踪条,即当前的播放进度条,-1表示显示进度条,其他值表示不显示
	music.ShowTracker=-1;//
	//是否允许全屏,0表示可以全屏,其他值只能在窗口中查看
	music.WindowlessVideo=-1;
	//是否用右键弹出菜单控制,此处禁用右键功能
	music.EnableContextMenu=0;
	//进行视频定位
	if(isNaN(progress)){//不是数字,那么此时进度为0
		alert("不是数字");
		progress=0;
	}
	progress=parseInt(progress,0)*60;
	//player.currentMedia.duration 返回播放文件的总长度(以秒为单位)
	var medioLength = music.duration;
	//alert("已看长度:"+progress+"\n视频总长度:"+medioLength);
	if(progress>=medioLength){//说明已经播完了
		progress=0;//那么从头开始播
	}
	//定位当前播放进度 -1 表示不变,0表示开头单位是秒,比如10表示从第10秒处开始播放,值必须是-1,0或大于等于0
	music.currentPosition=progress;
}
  • 作者:wjiaoling136
  • 原文链接:https://blog.csdn.net/wjiaoling136/article/details/84801992
    更新时间:2022-10-09 09:15:14