现在的位置: 首页 > 综合 > 正文

嵌入页面的美化了的播放器和点击弹出多种格式的网页视频播放程序

2013年10月16日 ⁄ 综合 ⁄ 共 1815字 ⁄ 字号 评论关闭

1.嵌入页面的美化了的播放器
播放FLV的 (JW FLV Media Player)
http://www.jeroenwijering.com/upload/mediaplayer-3-16.zip

播放wmv的(JW WMV Player)
http://www.jeroenwijering.com/upload/wmvplayer-1-0.zip
README.HTML就是示例
源文 http://www.jeroenwijering.com/ 点击顶部菜单的 Players

2点击弹出多种格式的网页视频播放程序 multibox  http://www.phatfusion.net/multibox/
downloads/multibox.zip 学习 index.htm就知道了。修改一个地方overlay.js的src如下一句
<script type="text/javascript" src="overlay.js"></script>

index.htm核心内容如下:

<script type="text/javascript">
   var box = {};
   window.addEvent('domready', function(){
    box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
   });
  </script>

 <a href="files/curly.wmv" rel="width:400,height:350,ajax:false" id="mb6" class="mb" title="Movie">wmv example</a>

the rel attribute allows for specific parameters for each item. the following example will make the box handle the item as an image.

rel="type:jpg"others that can be used are:

jpg / gif / png these will make sure the box handles the item as an image.
swf a flash movie
flv a flash video file
mov a quicktime movie
wmv a windows media video
rv / rm / rmvb real media format
mp3 mp3 format music file
element an html element on the page
all others will be handled by default in an iFrame.

other rel options are:

 rel="width:400,height:300"
ajax:true can also be used for urls so the content will be loaded into the page not in an iframe.

options
useOverlay use a semi-transparent background. default: false;
container the containing element for the overlay if used. default: document.body
contentColor the color of the background in the window. default: '#FFF'
showNumbers shows 1 of 8. default: true
showControls shows the control panel. default: true
descClassName the class name of the description divs.
offset object containing x,y offsets for the opened multibox. default: {x:0, y:0}
fixedTop the value from the top that the box should open to.
openFromLink should the box open from the link or from the center of the window. default: true
onOpen a function to call when the box opens.
onClose a function to call when the box closes.

 

 

抱歉!评论已关闭.