当前位置:首页 > 开发 > Web前端 > 前端 > 正文

JW Player 6 免费版 试用记录

发表于: 2013-09-22   作者:一炮送你回车库   来源:转载   浏览:
摘要: <script type="text/javascript" src="jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script> <script type="text/javascript" src="jwplayer/jwplayer.js&quo
<script type="text/javascript" src="jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>



<script type="text/javascript">
$(function() {
    jwplayer("myElement").setup({
        file: "video/videoplayback_4.mp4",
		image: "学生.jpg",
		title:"JAVA原理与思想",
        width: 850,
		autostart: false,//自动播放
		mute: false,//声音关闭
		fallback: false,//禁用下载回调
		//skin: "beelden",//不可用-免费版没有皮肤
		primary: "mp4",
		//aspectratio: "12:5",//播放器比例,启用时只能使用width一个参数
		/*   视频列表栏-可用
        playlist: [{
        image: "学生.jpg",
        file: "video/videoplayback_4.mp4",
        title: "JAVA原理与思想"
		},{
        image: "images/icon-item-list.png",
        file: "video/videoplayback_4_start=44000.mp4",
        title: "IO流"
		}],
		listbar: {
			position: 'right',
			size: 320
		},*/
		/*   logo-不可用-免费版不能用logo
		logo: {
        file: 'images/icon-item-list.png',
        link: 'http://www.baidu.com'
		},
		*/
		/*  字幕-可用
		tracks: [{ 
            file: "/assets/captions-en.vtt", 
            label: "English",
            kind: "captions",
            "default": true 
        },{ 
            file: "/assets/captions-fr.vtt", 
            kind: "captions",
            label: "French"
        }],*/
		
		height:450
    });

	});

/*切换课件*/
function changevideo(url,title,start,end){
	jwplayer("myElement").setup({
		file: url,
		title:title,
		image: "学生.jpg",
		width: 850,
		height:450
	});
	//如果start不为空,则从start秒开始播放
	if(null != start && start > 0 ){
		jwplayer("myElement").seek(start);
	}
	
	//如果end不为空,则播放到end秒停止
	if(null != end && null != start && end > 0 && end > start){
		jwplayer('myElement').onTime(function(event){
			//console.info("duration:"+event.duration);
			//$.each(  duration , function(i, n){
			 // alert( "Name: " + i + ", Value: " + n );
			//});
			//console.info("position:"+event.position);
			//如果用户拖动到限制之外的区域,则重回start播放
			if(event.position > end || event.position < start){
				jwplayer('myElement').seek(start);
			}
		});
	}
	
}
</script>

 

 

<p>课件列表:</p>
<p><a href="javascript:changevideo('video/videoplayback_4.mp4','JAVA原理与思想',null,null);">JAVA原理与思想</a></p>
<p><a href="javascript:changevideo('video/videoplayback_4.mp4','IO流',null,null);">IO流</a></p>
<p><a href="javascript:changevideo('video/videoplayback_4.mp4','多线程',null,null);">多线程</a></p>
<p><a href="javascript:changevideo('video/videoplayback_4.mp4','JDBC',null,null);">JDBC</a></p>
<p><a href="javascript:changevideo('video/videoplayback_4.mp4','前端框架',null,null);">前端框架</a></p>
<p><a href="javascript:changevideo('video/videoplayback_4.mp4','10秒-30秒播放',10,30);">10秒-30秒播放</a></p>



<div id="myElement">视频课件加载中...</div>

 

JW Player 6 免费版 试用记录

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
一、JW Player是什么? 简单地说,JW Player是一种基于flash的交互式网页媒体播放器。它是由Jeroen
一、是否支持IE7/8 本地离线播放不支持IE7/8,部署在服务器上时可以。 本地播放报错示意图 二、如何
一、JW Player是什么? 简单地说,JW Player是一种基于flash的交互式网页媒体播放器。它是由Jeroen
JW Player是个挺好的flash播放器,功能挺强,目前最新版本4.4。 该播放器支持格式如下: 视频FLV和M
使用方法:如果你仅需要播放一个FLV文件[例如“video.flv”],那么只要把“video.flv”和压缩包内的f
序言 前段时间在做一个网站项目,要求能在线播放视频、音乐,这个以前还真没接触过。恰好今天在坛子
一、通过官网发布向导 登陆 http://www.longtailvideo.com,注册一个账号,进入你的用户管理中心,
在一个客户项目中播放的flash需要进行定制如不显示控制按钮,flash播放完成后执行特定的js等,在用
如图: 编译后的源码工程打包: 1. 需要设置工程的player版本为10以上 2. 需要设置flex sdk 的版本为3
今天的本周推荐是pcDuino,我很有兴趣。正好公司里面有一台(就是那天 @红薯 动弹 里的那个),于是
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号