Merge pull request #39 from langyuxiansheng/dev_v1.2.8

Dev v1.2.8

Author: langyuxiansheng

README.md

@@ -1,5 +1,5 @@
 # vue-alipayer-v2
-## 感谢每一位开源的开发者. 这是一个基于Alipayer 开发并封装成vue组件的播放器.
+## 感谢每一位支持开源的朋友. 这是一个基于Alipayer 开发并封装成vue组件的播放器.
 ### vue中使用Alipayer,播放rtmp,m3u8,mp4视频
 #### [本项目在线演示](https://langyuxiansheng.github.io/vue-aliplayer-v2/)
 #### [阿里云播放器在线演示](https://player.alicdn.com/aliplayer/index.html)
@@ -422,7 +422,9 @@ npm run lint
 ### Customize configuration
 See [Configuration Reference](https://cli.vuejs.org/config/).
 
-## 更新日志
+## 更新日志 
+
+> v1.2.8  更换底层默认sdk版本为2.9.3 修复options 遇到 update loop 错误 感谢"litmonw"网友的反馈与建议.
 
 > v1.2.7 更换底层默认sdk版本为2.9.1的版本. 更新线上演示demo的选项，感谢网友“Ghost23333”的demo
 

examples/App.vue

@@ -1,7 +1,7 @@
 <template>
     <div id="app">
         <template v-if="!isShowMultiple && show">
-            <vue-aliplayer-v2 :source="source" ref="VueAliplayerV2" :options="options" />
+            <vue-aliplayer-v2 :source="source" ref="VueAliplayerV2" :options="options"/>
         </template>
         <div v-if="isShowMultiple && show" class="show-multiple">
             <template v-for="x in 5">
@@ -59,8 +59,44 @@ export default {
             options: {
                 // source:'//player.alicdn.com/video/aliyunmedia.mp4',
                 isLive: !true,   //切换为直播流的时候必填
-                useFlashPrism: false,    //指定为flash
-                disableSeek: true //禁用进度条的Seek，默认值为false
+                skinLayout: [
+                {
+                    'name': 'bigPlayButton',
+                    'align': 'blabs',
+                    'x': 30,
+                    'y': 80
+                },
+                {
+                    'name': 'infoDisplay'
+                },
+                {
+                    'name': 'controlBar',
+                    'align': 'blabs',
+                    'x': 0,
+                    'y': 0,
+                    'children': [
+                        {
+                            'name': 'liveDisplay',
+                            'align': 'tlabs',
+                            'x': 15,
+                            'y': 6
+                        },
+                        {
+                            'name': 'fullScreenButton',
+                            'align': 'tr',
+                            'x': 10,
+                            'y': 10
+                        },
+                        {
+                            'name': 'volume',
+                            'align': 'tr',
+                            'x': 5,
+                            'y': 10
+                        }
+                    ]
+                }]
+                // useFlashPrism: false,    //指定为flash
+                // disableSeek: true //禁用进度条的Seek，默认值为false
             },
             source: '//player.alicdn.com/video/aliyunmedia.mp4',
             // source: '//ivi.bupt.edu.cn/hls/cctv1.m3u8',