`

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

    博客分类:
  • JS
阅读更多

前一阵子倒腾在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;
}

 

分享到:
评论

相关推荐

    动态修改Embed的src属性

    1. **JavaScript操作DOM**: 要动态修改 `<embed>` 的 `src` 属性,首先需要通过JavaScript获取该元素。这可以通过`document.getElementById`,`document.querySelector` 或 `document.querySelectorAll` 等方法...

    flv在线播放器源码,使用js文件和embed标签

    1. **初始化播放器**:JavaScript文件可能包含初始化播放器的代码,比如设置`embed`标签的属性,如`src`(指向FLV文件的URL)、`width`和`height`(播放器的尺寸)等。 2. **事件处理**:播放、暂停、停止、进度...

    embed embed

    9. **name**:为embed对象命名,便于JavaScript或其他元素引用。 - 例如,`name="sound1"`。 10. **title**:设置媒体文件的说明文字。 - 例如,`title="第一首歌"`。 11. **palette**:设置颜色方案,通常用于...

    csdn-js网页播放器

    - `<embed id="js_videoCon_1" class="js_videoCon" src="D:\temp\1.3gp" allowFullScreen="true" quality="high" width="408" height="266" align="middle" allowScriptAccess="always" type="application/x-...

    网页中嵌入播放器embed元素autostart false失效

    通过JavaScript操作`audioElement.play()`和`audioElement.pause()`来控制播放。 总之,解决`embed autostart=false`失效的问题通常需要深入理解浏览器的解析机制和所用技术的特性,并进行适当的调整和优化。在实际...

    极酷FLV网页播放器

    4. **JavaScript控制**:为了实现更高级的功能,比如播放、暂停、跳转等操作,开发者可以利用JavaScript与播放器进行交互。极酷FLV播放器可能提供了JavaScript API供开发者调用。 5. **兼容性**:由于FLV播放依赖于...

    js控制的wmp播放器,含进度条

    总结来说,`js控制的wmp播放器,含进度条`是一个利用JavaScript与Windows Media Player插件交互,创建自定义播放控制和进度反馈的示例。虽然随着技术的发展,这种做法可能逐渐被HTML5的多媒体API取代,但在特定的...

    常用的播放器控制代码.docx

    9. **交互接口**: 通过JavaScript或其他编程语言,可以对这些属性和控制进行操作,实现自定义的播放器界面和交互功能,比如控制进度条、音量滑块、全屏切换等。 在互联网应用中,这样的播放器代码和控制属性是构建...

    网页播放器

    `name`属性为播放器实例命名,便于通过JavaScript进行操作。 2. **尺寸与扩展属性**:`_ExtentX`和`_ExtentY`表示播放器的宽度和高度,单位为“twips”(1/20点)。 3. **播放控制**: - `AUTOSTART`:控制是否自动...

    网页音乐播放器

    5. **参数设置**:播放器可能有各种可配置的参数,如初始音量、自动播放、预加载音乐等,这些参数可以通过Flash对象的参数属性进行设定。 6. **用户交互设计**:播放器界面设计应简洁易用,按钮和控件的布局要符合...

    页面JS连播SWF源码

    【标题】"页面JS连播SWF源码"所涉及的知识点主要集中在JavaScript(JS)、JavaScript库和 Shockwave Flash(SWF)文件的交互上。JS通常用于网页动态效果和用户交互,而SWF则是Adobe Flash创建的动画或应用程序文件...

    js操作windows media player

    Windows Media Player 提供了一种通过 JavaScript API 与网页进行交互的方式,允许开发者控制播放器的行为,如播放、暂停、停止、调整音量等,还可以实现更复杂的功能,如与外部字幕同步。 在 JavaScript 中,我们...

    网页播放器自动播放代码下载

    - **`width` 和 `height` 属性**:设置播放器的宽度和高度。如果希望播放器不可见,则可以设置 `width=0` 和 `height=0`。 - **`type` 属性**:指定媒体文件的类型,例如 `audio/mpeg` 表示MP3格式的音频文件。 - **...

    网页形式MediaPlayer播放器代码

    对于MediaPlayer播放器,我们会在HTML中插入一个`object`或`embed`标签,设置其属性来指定要播放的媒体文件以及播放器的外观和行为。例如: ```html <embed type="application/x-mplayer2" ...

    网页中嵌入视频播放器.pdf

    1. `<object>`标签定义了一个对象,这里的`CLASSID`属性指定了QuickTime播放器的类标识,`CODEBASE`属性则指定了播放器插件的下载地址。如果客户端机器上没有安装QuickTime,浏览器会根据`CODEBASE`指向的URL下载并...

    类似播放器的FLASH 全屏效果实现Fla源文件.rar

    此外,HTML页面还可以与Flash内容通过JavaScript和ActionScript的外部接口(External Interface)进行交互,比如控制播放、暂停等操作。 通过研究这个FLA源文件和HTML示例,开发者不仅可以学会如何在Flash中实现...

    VLC视频播放器在HTML中控制的实现(包括截图功能)

    VLC提供了JavaScript API,通过这些API,我们可以控制视频的播放、暂停、停止,调整音量,甚至进行更复杂的操作,如截图和屏幕缩放。 1. **播放控制**:通过调用VLC API中的`play()`方法来启动视频播放,`pause()`...

    flash播放器..放在html中..可自定义外观啊..按钮啊什么的..

    这段代码中,`data`属性或`src`属性指定了SWF文件的位置,而`width`和`height`设置了播放器的尺寸。 **自定义外观** Flash播放器的一大优势在于其高度可定制性。开发者可以使用ActionScript,Flash的编程语言,来...

    网页版Flash播放器的实现-2019年文档.docx

    首先,Flash播放器的核心是JavaScript代码,它负责与Flash对象进行通信并控制其行为。在提供的代码片段中,`Flash_embedSWF`函数是关键,它接收两个参数:`srcURL`(Flash文件的URL)和`swfbgColor`(Flash背景颜色...

Global site tag (gtag.js) - Google Analytics