JS 实现网页视频播放: vcastr22 、 flowplayer 、 jwplayer
来源:互联网 发布:诺基亚e63商店软件下载 编辑:程序博客网 时间:2024/05/18 06:19
实例结构:
实例下载:
http://url.cn/MWZW3Q
实例1: demo.html
<embed src="vcastr22.swf?vcastr_file=../wujiandao.flv" allowFullScreen="true" quality="high" type="application/x-shockwave-flash" width="640" height="320"></embed>
实例2: demo.html
<script type="text/javascript" src="flowplayer/flowplayer.min.js"></script><a style="display:block;width:640px;height:320px" id="player"></a> <script>flowplayer("player", "flowplayer/flowplayer.swf", { //player是html中的id名---->修改处1 clip: { autoPlay: false, //是否自动播放 autoBuffering: true, //是否在播放前显示画面 baseUrl: '' //基础地址,比如 http://www.meishichina.com/ }, playlist: [ '../wujiandao.flv', //文件路径---->修改处2 //'9483.mp4', //下一个文件... { //url: "/media/empire.mp3", //非flv文件 //duration: 25 //持续时间 } ], plugins: { controls: { url: 'flowplayer/flowplayer.controls.swf', //播放器文件 playlist: true, //是否支持播放列表 backgroundColor: '#373737', //播放界面的背景色 tooltips: { buttons: true, //全屏按钮 fullscreen: '全屏' //全屏按钮的浮动提示文字 } } }, onFinish: function() { //alert("Click Player to start video again"); //播放完后的弹出提示文字 }});</script><!--第二种方法: 最简的使用方法, 不需要设置参数.<script type="text/javascript" src="flv/flowplayer.min.js"></script><a id="player" href='flv/wujiandao.flv' style="display:block;width:640px;height:320px" ></a><script>flowplayer("player", "flv/flowplayer.swf")</script>-->
实例3: demo.html
<script type="text/javascript" src="jwplayer/jwplayer.js" ></script><div id="myElement">Loading the player...</div><script type="text/javascript"> jwplayer("myElement").setup({ file: "../wujiandao.flv", width: '640', height: '320', image: "", //skin: 'stormtrooper.zip' });</script><!--++++++++++++++++++++++++++++++++++++++++支持播放音频格式的文件<script type="text/javascript" src="jwplayer/jwplayer.js" ></script><div id="myElement">Loading the player...</div><script type="text/javascript"> jwplayer("myElement").setup({ file: '/music/audio.mp3', controlbar: 'bottom' });</script>++++++++++++++++++++++++++++++++++++++++支持播放列表<script type="text/javascript" src="jwplayer/jwplayer.js" ></script><div id="container"></div><script type="text/javascript"> jwplayer("container").setup({ 'flashplayer': 'jwplayer.swf', 'playlist': [{ 'file': '/videos/video1.mp4', 'image': '/thumbs/video1.jpg', 'title': 'The first video' },{ 'file': '/videos/video2.mp4', 'image': '/thumbs/video2.jpg', 'title': 'The second video' }], repeat: 'list' });</script>++++++++++++++++++++++++++++++++++++++++支持播放定位<script type="text/javascript" src="jwplayer/jwplayer.js" ></script><div id="container"></div><script type="text/javascript"> jwplayer("container").setup({ file: "/videos/sintel.mp4", flashplayer: "/jwplayer/player.swf", height: 306, width: 720 });</script><ul> <li><a href="#" onclick="jwplayer().seek(0);">one</a> (00:00)</li> <li><a href="#" onclick="jwplayer().seek(106);">two</a> (01:46)</li></ul>-->
- JS 实现网页视频播放: vcastr22 、 flowplayer 、 jwplayer
- jwplayer.js播放视频
- flowplayer视频播放插件
- 网页播放器flowplayer
- jwplayer 播放hls视频
- 用jwplayer播放视频
- Linux系统里nw.js里播放jwplayer视频
- 【转】flowplayer视频播放插件
- jwplayer视频播放问题集
- web视频播放空间 flowplayer-3.2.16
- [开发笔记]-flowplayer视频播放插件
- flowPlayer播放flv视频基本设置
- web视频播放组件 flowplayer介绍
- web开源FlowPlayer视频播放器
- 使用jwPlayer播放视频中的某一段
- 开源网页播放器JWplayer使用
- 使用JWPlayer在网页中嵌入视频
- jwplayer视频播放(FLV,mp4)实现和已封装好的php接口
- 做技术的大牛人
- MFC中的列表控件CListCtrl
- 让人头疼的"相等"关系
- expect 的灵活使用,实现自动拷贝 /root/.ssh/authorized_keys
- 最近学习phonegap收集的几个小技巧
- JS 实现网页视频播放: vcastr22 、 flowplayer 、 jwplayer
- jquery ajax提交表单数据的两种方式-
- 如何让CPU的占用率曲线听你指挥
- select max(ID)查询char类型,获取到的最大值只能到9的問題
- Java 虚拟机体系结构
- 主-主数据库系统架构
- Win8系统下安装.Net FrameWork教程
- qt-embedded-4.5.3往海思hi3520上的移植
- JVM加载class文件的原理