根据视频的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

在线演示 (100)
上一篇 返回列表
下一篇 根据单号和快递公司查询快递情况
相关的文章
Powered by yoyo苏ICP备15045725号