前一阵子倒腾在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属性详解[文].pdf
flv在线播放器的源码,使用js文件和embed标签,很有价值哦
代码:< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”> src:音乐文件的路径及文件名;(完整的路径或URL) ShowTracker:为是否显示...下面是real的播放器用法总结,是转贴:
最近在工作中碰到了在网页中嵌入播放器播放声音文件的需求,最后使用了embed元素 代码如下: 复制代码代码如下: <embed src=’1093.swf’ autostart=’false’ hidden=’true’ loop=’false’ ></embed&...
可以通过本程序进行动态修改Embed的src属性,修改后可以立即看到效果。
embed 播放多媒体 embed详细介绍 embed入门
Embed.js是一个轻量级JavaScript插件,用于嵌入表情符号,媒体,地图,推文,代码和vue嵌入Embed组件基于Vue 2.x的embed.js。 Embed.js是一个轻量级JavaScript插件,用于嵌入表情符号,媒体,地图,推文,代码和服务...
前端项目-embed-js,一个分析字符串并嵌入emoji、媒体、tweets、代码和服务的javascript插件。
tags embed 页面标签 tags embed 页面标签
主要介绍了js改变embed标签src值的方法,涉及javascript操作元素属性的技巧,非常具有实用价值,需要的朋友可以参考下
embed使用详解,主要是针对在网页中嵌入视频,设置相关的属性值,实现希望的效果
EMBED-SCRIPT元素是设置了data-embed-script属性的任何元素。 此属性的值是要加载的EMBED-SCRIPT包的名称。 可选属性data-embed-param可用于指定脚本操作的其他参数。 装载和包装: 您可以通过将以下行放在文档的&...
AS3 Embed用法
入门通过克隆,分叉或下载在您的文档中包含videojs.embed.js ,可以通过应用程序或通过<head>进行编译。 像一样,使用Embed插件初始化VideoJS Player。 当您的媒体源是可嵌入的时,您应该在控制栏中看到“投射...
HTML-embed代码详解word文档
二、属性设置 1、自动播放: 语法:autostart=true、false说明:该属性规定音频或视频文件是否在下载完之后就自动播放。true:音乐文件在下载完之后自动播放;false:音乐文件在下载完之后不自动播放。示例: 复制...
html 使用embed标签 播放 flv 视频,包含两个播放器,有两种形式,欢迎大家交流学习
tomcat-embed-jasper-9.0.16.jar
tomcat-embed-el-9.0.16.jar
该工具使用Editor.js粘贴的模式进行处理,并插入具有嵌入式内容的iframe。 安装 通过NPM安装 取得包裹 npm i --save-dev @editorjs/embed 在您的应用程序中包含模块 const Embed = require ( '@editorjs/embed' ) ...