Javascript 控制 Flash FLV视频播放器 --国外开源

简介:
制作一个简单的FLV播放器很简单 , 做功能强大的就心有余而力不足了 . 经过google ,找到了一款开源的视频播放器JW_FLV_Player, 也可以当MP3播放器 . 
javascritp可以方面的控制播放器 进行 播放/暂停 停止 提高音量 减少音量 前进n秒 后退n秒 等. 都封装好 , 很容易进行调用.
效果可以在作者网站上看到:http://www.jeroenwijering.com/extras/javascript.html
还提供了在线定制:http://www.jeroenwijering.com/extras/wizard.html
添加播放器代码如下:
< div id = " myPlayer "  style = " float:left " >< a href = " http://www.macromedia.com/go/getflashplayer " >
Get the Flash Player
</ a >  to see  this  player. </ div >
< script type = " text/javascript " >
    
// 播放器 , 播放器ID,宽 , 高,
     var  s1  =   new  SWFObject( " mediaplayer.swf " , " player_id " , " 300 " , " 300 " , " 7 " );
    s1.addParam(
" allowfullscreen " , " true " ); // 是否允许全屏播放
     // s1.addVariable("file","video.flv");//单文件播放
    s1.addVariable( " file " , " playlist.xml " ); // 列表播放
    s1.addVariable( " image " , " preview.jpg " ); // 背景图片
    s1.addVariable( " displayheight " , " 200 " ); // 播放区域高度
    s1.addVariable( " backcolor " , " 0x000000 " );
    s1.addVariable(
" frontcolor " , " 0xCCCCCC " );
    s1.addVariable(
" lightcolor " , " 0x557722 " );
    s1.addVariable(
" enablejs " , " true " ); // 是否允许javascript脚本控制flash
    s1.addVariable( " javascriptid " , " javascript_id " ); // 控制脚本javascriptid
    s1.write( " myPlayer " ); // 将播放器写入到myPlayer
</ script >

我整理注释了一下 , 直接下载后就可以使用  附件
需要在IIS里面看 且2003下需要添加.FLV 后缀的mine类型
分类:  视频 流媒体

本文转自快乐就好博客园博客,原文链接:http://www.cnblogs.com/happyday56/archive/2008/08/12/1266017.html,如需转载请自行联系原作者
相关文章
|
6月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的视频播放器附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的视频播放器附带文章和源代码设计说明文档ppt
53 3
|
2月前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
3月前
|
JavaScript Linux 开发工具
开源项目:使用 Atom-Electron 和 Vue.js 制作的简单 RSS 阅读器!!
开源项目:使用 Atom-Electron 和 Vue.js 制作的简单 RSS 阅读器!!
|
6月前
|
数据可视化 JavaScript 前端开发
Echarts是一个开源的JavaScript可视化库,用于创建各种类型的图表
Echarts是JavaScript的开源可视化库,Python通过Pyecharts库可调用它来绘制图表。示例展示了如何用Pyecharts创建柱状图:定义图表对象,设置标题和坐标轴,添加X轴、Y轴数据,最后渲染展示。Pyecharts还支持折线图、散点图、饼图等多种图表类型,更多详情可查阅官方文档。
144 0
|
6月前
|
设计模式 前端开发 JavaScript
开源专访:Strve.js框架作者Vam
开源专访:Strve.js框架作者Vam
93 2
|
前端开发 JavaScript 定位技术
GIS开发:开源空间分析库Turf.js
GIS开发:开源空间分析库Turf.js
216 0
|
JSON JavaScript 数据格式
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
222 0
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
|
缓存 JavaScript 前端开发
GIAC-2022sh 学习笔记 | 开放原子开源基金会-贺师俊-ES2022 — JS is dead, long live ecosystem
GIAC-2022sh 学习笔记 | 开放原子开源基金会-贺师俊-ES2022 — JS is dead, long live ecosystem
179 0
GIAC-2022sh 学习笔记 | 开放原子开源基金会-贺师俊-ES2022 — JS is dead, long live ecosystem
|
JavaScript 前端开发 Cloud Native
阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案
继 2019 年开源 Midway 框架之后,阿里一直在 Node.js 的前沿进行深度研究,除了加入 TC39 参与标准化建设,向上游 Node.js 项目持续贡献,与龙蜥社区合作优化之外,也在 Serverless 领域有了不小的成果。
1070 0
阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案
|
资源调度 JavaScript 前端开发
FullCalendar - 开源的多功能 JavaScript 日历插件
FullCalendar 是一个支持 React、Vue、Angular 和原生 JavaScript 的日历插件,FullCalendar 拥有超过 300 种设置,支持模块化导入,几乎可以实现任何效果。
798 0
FullCalendar - 开源的多功能 JavaScript 日历插件