根据视频的url直接生成视频播放
演示demo 2016-07-18 14:48:35 视频   

参考网址:http://videojj.com/ 

 

注册免费,注册一个帐号,加上一个你自己的应用,支持web,ios,Android 

页面给一个播放的DIV

XML/HTML Code复制内容到剪贴板
  1. <div class="player" id="player" style="width:640px; height: 480px;">  
  2.       
  3. </div>  

 

添加一下JS

JavaScript Code复制内容到剪贴板
  1. <script type="text/javascript" src="http://7xjfim.com2.z0.glb.qiniucdn.com/Iva.js"></script>  
  2. <script type="text/javascript">  
  3. /** 
  4. *创建Iva实例,以下参数值是时间的均以秒为单位 
  5. */  
  6. var ivaInstance = new Iva(  
  7.  'player',//父容器id或者父容器DOM对象,给父容器设置宽高640px*480px以上可以获得最佳的浏览体验;  
  8.  {  
  9.    appkey: '4J7qLwSD-',//必填,请在控制台查看应用标识  
  10.    live: false,//选填,是否是直播流,默认为false  
  11.    video: 'http://www.tudou.com/programs/view/tM_vZCQy2uM/',//必填,播放地址(http://www.tudou.com/programs/view/tM_vZCQy2uM/)或者资源地址(http://7xi4ig.com2.z0.glb.qiniucdn.com/shapuolang_ts.mp4)  
  12.    title: '测试标题',//选填,视频标题  
  13.    cover: '',//选填,视频封面url  
  14.    videoStartPrefixSeconds: 0,//选填,跳过片头,默认为0  
  15.    videoEndPrefixSeconds: 0,//选填,跳过片尾,默认为0  
  16.    /* 以下参数可以在“控制台->项目看板->应用管理->播放器设置”进行全局设置,前端设置可以覆盖全局设置 */  
  17.    skinSelect: 0,//选填,播放器皮肤,可选0、1、2,默认为0,  
  18.    autoplay: false,//选填,是否自动播放,默认为false  
  19.    rightHand: true,//选填,是否开启右键菜单,默认为false  
  20.    autoFormat: false,//选填,是否自动选择最高清晰度,默认为false  
  21.    bubble: true,//选填,是否开启云泡功能,默认为true  
  22.    jumpStep: 10,//选填,左右方向键快退快进的时间  
  23.    tagTrack: false,//选填,云链是否跟踪,默认为false  
  24.    tagShow: false,//选填,云链是否显示,默认为false  
  25.    tagDuration: 5,//选填,云链显示时间,默认为5秒  
  26.    tagFontSize: 16//选填,云链文字大小,默认为16像素  
  27.  }  
  28. );  
  29. </script>  

 

就可以了,也有以插件的形式结合帝国CMS,小伙伴可以自己了解一下

 

本文来自于:http://www.yoyo88.cn/demo/16.html

上一篇 返回列表
Powered by yoyo苏ICP备15045725号-1