配置
<script type="text/javascript"> auxui.config({ //映射路径 paths: { //模块名 : 模块文件路径,不带文件后缀js "aliplayer": "public/js/aliplayer/aliplayer-min" }, shim : { //依赖CSS文件 'aliplayer' : [ 'css!public/js/aliplayer/aliplayer-min.css' ] } }); </script>
调用
<div id="'player'" style="'width:600px;height:400px;'"> </div> <!-- js --> <script type="text/javascript"> //使用方法 auxui(['aliplayer'], function(){ var player = new Aliplayer({ id: "player", source: "//player.alicdn.com/video/aliyunmedia.mp4", width: "100%", height: "500px", cover: 'https://img.alicdn.com/tps/TB1EXIhOFXXXXcIaXXXXXXXXXXX-760-340.jpg', /* 设置封面时需要将 autoplay 和 preload 设置为 false */ autoplay: false, preload: false, language: "zh-cn", isLive: false }, function (player) { console.log("播放器创建成功"); }); }); </script>
更多实例查阅官方网站帮助文档