angular - Angular 8 Videojs 不适用于移动浏览器（在 Android 和 iOs 中）

Question

我正在 Angular 8 上创建一个应用程序，正在使用 videojs HLS 流。它在桌面浏览器上运行，但视频无法在移动浏览器上播放。我做了一些研发，但没有发现如何让 videojs HLS 在移动设备上播放。

import videojs from 'video.js';
declare var require: any;
require('videojs-contrib-quality-levels');
require('videojs-hls-quality-selector');

const options = {
      'sources': [{
        'src': this.url,
        'type': 'application/x-mpegURL'
      }
      ],      
    };
    
    const policyQueryparam = this.queryparam;
    
    videojs.Hls.xhr.beforeRequest = function(options)
    {
        options.uri = options.uri+'?'+policyQueryparam;
        console.log(options);
        return options;
    };
    
    this.player = videojs('my_promo_video_1', options, function onPlayerReady() 
    {

    const options = {
          'sources': [{
            'src': this.url,
            'type': 'application/x-mpegURL'
          }
          ],      
        };
        
        const policyQueryparam = this.queryparam;
        
        videojs.Hls.xhr.beforeRequest = function(options)
        {
            options.uri = options.uri+'?'+policyQueryparam;
            console.log(options);
            return options;
        };
        
        this.player = videojs('my_promo_video_1', options, function onPlayerReady() 
        {
          console.log('Player ready');
          var myPlayer = this, id = myPlayer.id();
          myPlayer.hlsQualitySelector();
        });


      console.log('Player ready');
      var myPlayer = this, id = myPlayer.id();
      myPlayer.hlsQualitySelector();
    });

标签： angularhttp-live-streamingvideo.js