使用Javascript控制jwplayer

1.基本用法

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="objplayer" name="objplayer" width="636" height="383">
    <param name="movie" value="swf/jwplayer5.10.swf" />
    <param name="allowfullscreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param name="flashvars" 
           value="file=test.flv&image=test.jpg&type=http&streamer=start" />
    <param name="quality" value="High">
    
    <embed type="application/x-shockwave-flash" 
        src="swf/jwplayer5.10.swf" width="636" height="383" 
        allowscriptaccess="always" 
        allowfullscreen="true" 
        flashvars="file=test.flv&image=test.jpg&type=http&streamer=start" 
        quality="High" />
</object>

这里通过flashvars传递了四个参数：
file=test.flv
image=test.jpg
type=http
streamer=start

如果不能拖动，需要检查以下几点：
a)视频是否包含有效的Metadata
b)服务器是否支持拖动
c)type和streamer是否正确

2.Javascript 接口

var player = null;

// jwplayer 实例化完成之后，会首先调用这个函数
// 没有实例化之前，不能使用jwplayer的javascript接口

function playerReady(object) 
{
 player = document.getElementById(object.id);
 
 // 响应 jwplayer 的事件
 player.addModelListener("time","OnPlayPosChange");
 player.addModelListener("state","OnPlayStateChange");
}


function OnPlayPosChange(objTime)
{
    //document.getElementById("span1").innerText = objTime.position;
}


function OnPlayStateChange(objState)
{
    //document.getElementById("span1").innerText = objState.newstate;
}

//...
player.sendEvent("load",
  {
   file:"http://localhost/a1.flv",
   image:"http://localhost/a1.jpg",
   type:"http",
   streamer:"start"
  });
player.sendEvent("play");
player.sendEvent("seek",100); //秒

更多API参考《JWPlayerFlash.pdf》
注意，可以将5.2,5.7版的文档结合起来看。


本文链接地址： 使用Javascript控制jwplayer
https://blog.qingfengju.com/index.asp?id=346

上一篇： 反编译微软早期DOS下的QuickHelp帮助文档(.hlp)
下一篇： 在Windows Server 2008 R2上安装使用VMWare

分类：Web开发 查看次数：6942 发布时间：2013/9/17 22:15:10