• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧

Web 视频播放器 Amalia.js

JAVA web前端中文站 3年前 (2017-05-07) 1450次浏览 已收录 0个评论

相比 vue-video 视频播放器,Amalia.js 视频播放器功能更加丰富。它是一款基于 HTML5 的视频播放器。

更多精彩内容请看 web 前端中文站
http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏

Amalia.js 官网:http://ina-foss.github.io/amalia.js/。大家可以到它的官网上下载对应的插件,官网提供的也有详细 demo 和 api 使用说明。

Web 视频播放器 Amalia.js

安装 Amalia.js

 $ bower install $ npm install $ grunt

快速使用 Amalia.js

首先在网页的 head 部分引入 Amalia.js。

 <script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script> <script type="text/javascript" src="bower_components/jquery-ui/jquery-ui.min.js"></script> <script type="text/javascript" src="bower_components/raphael/raphael.js"></script>         <link href="build/css/amalia.js.min.css" type="text/css" rel="stylesheet" /> <script src="build/js/amalia.js.min.js" type="text/javascript"></script> 

Amalia.js 默认语言为法语。如果您需要一个英文版本,您必须在<head>节中添加翻译 JavaScript 文件:

 <script type="text/javascript" src="build/js/player-message-en.js"></script>

中文做法类似。然后在网页的 <body>中加入如下代码:

 <div style="height: 350px;">     <div id="myplayer"></div> </div>

然后再引入如下 JavaScript 代码,创建 视频播放器:

 <script>         $("#myplayer").mediaPlayer({         autoplay : false,         src : "samples-data/examples/vid/amalia01.mp4", }); </script>

到这里一个完整的 视频播放器 就创建完成了。跟多使用参数和用法请参考:http://ina-foss.github.io/amalia.js/

【注:本文源自网络文章资源,由站长整理发布】


web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Web 视频播放器 Amalia.js
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址