fix(xgplayer/[player.js && proxy.js, control/mobile.js && volume.js])…

…: fix muted autoplay

packages/xgplayer/src/control/mobile.js

@@ -40,7 +40,7 @@ let mobile = function () {
  let player = this
 
  let util = Player.util; let root = player.root
- player.config.autoplay = false
+ // player.config.autoplay = false
  let whitelist = player.config.whitelist
  let pass = whitelistPass(whitelist)
  player.mobilePass = pass

packages/xgplayer/src/control/volume.js

@@ -131,7 +131,12 @@ let volume = function () {
  })
 
  let _changeTimer = null
+ let firstVolChanged = 0;
  player.on('volumechange', function () {
+ if (firstVolChanged === 1) {
+ player.video.muted = false
+ firstVolChanged = 2
+ }
  if (_changeTimer) {
  clearTimeout(_changeTimer)
  }
@@ -145,8 +150,18 @@ let volume = function () {
  }, 50)
  })
 
+ player.once('volumechange', function () {
+ if (player.config.autoplay) {
+ firstVolChanged = 1
+ }
+ })
+
  player.once('canplay', function () {
- player.volume = player.config.volume
+ if (player.config.autoplay) {
+ player.volume = 0
+ } else {
+ player.volume = player.config.volume
+ }
  })
 
  player.once('destroy', () => {

packages/xgplayer/src/player.js

@@ -93,6 +93,15 @@ class Player extends Proxy {
  }))
  })
  }
+ if (player.config.autoplay) {
+ this.video.addEventListener('canplay', () => {
+ player.video.play().then(() => {
+ // 支持自动播放
+ }).catch(err => {
+ // 不支持自动播放
+ });
+ });
+ }
  root.insertBefore(this.video, root.firstChild)
  player.userTimer = setTimeout(function () {
  player.emit('blur')

packages/xgplayer/src/proxy.js

@@ -54,6 +54,10 @@ class Proxy {
  }
  }
  this.video = util.createDom(videoConfig.mediaType, textTrackDom, videoConfig, '')
+ if (options.autoplay) {
+ this.video.autoplay = true
+ this.video.muted = true
+ }
  this.ev = ['play', 'playing', 'pause', 'ended', 'error', 'seeking', 'seeked',
  'timeupdate', 'waiting', 'canplay', 'canplaythrough', 'durationchange', 'volumechange', 'loadeddata'
  ].map((item) => {