H5 ビデオの自動再生 (自動再生) が機能しない解決策

1.はじめに

• h5プレーヤーに追加する必要がある があり、 で微信浏览器中自動再生できないこと、移动端普通浏览器中または で自動再生できないことが判明しました。

  • iosブラウザー (WeChat またはその他のブラウザー) では、更新して Web ページに入るたびに、最初は手動でクリックして再生する必要があり、次回は自動的に再生されます。

  • 安卓WeChat ブラウザではとにかく自動再生に入りませんが、他のブラウザでは自動再生に入ります。

• iosプラットフォームは、公式の WeChatjweixinプラグイン. この方法では Android フォンの自動再生を解決できないと言う前に、いくつかの記事を読みました ( 别的文章上写的：安卓就暂时无任何办法，限制太严重，只能通过诱导用户点击屏幕进行播放。)

• しかし、テスト後、iosそれは解決され、安卓WeChat で自動的に再生され、他のモバイル ブラウザーでも両端が正常かつ自動的に再生されたので、WeChat プラグインがこの詳細を最適化したかどうかはわかりません。

二、解決策

• vue解決

  1.プラグインをインストールする

  $ npm i jweixin-module
  

  2.main.js中規模構成

  import wxjssdk from 'jweixin-module'
  Vue.prototype.$wx = wxjssdk
  

  3. 使用して解決する

  mounted () {
        
        
      // 配置
      this.$wx.config({
        
        
          debug: false,
          appId: 'wx123456789',
          timestamp: '',
          nonceStr: '',
          signature: '',
          jsApiList: []
      })
      // 上面配置错误也无所谓的，即使配置失败，也会走 ready 函数
      // 主要目的就是为了走 ready 函数
      this.$wx.ready(() => {
        
        
         // 取得播放器对象，调用播放事件
         this.play()
      })
  }
  

• CDN解決

  1.インポートします。添付ファイル: Wechat jweixin 公式文書アドレス.

  <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  

  2.使用する

  // 配置
  wx.config({
        
        
      debug: false,
      appId: 'wx123456789',
      timestamp: '',
      nonceStr: '',
      signature: '',
      jsApiList: []
  })
  // 上面配置错误也无所谓的，即使配置失败，也会走 ready 函数
  // 主要目的就是为了走 ready 函数
  wx.ready(() => {
        
        
     // 取得播放器对象，调用播放事件
     this.play()
  })