Streaming Facebook Live Video in Ionic

I’m trying to use videojs, videojs-flash, and videojs-flashls-source-handler, to play a Facebook Live Stream. I’ve tried about every combination I could think of to try and get this to work, but haven’t had any luck. The closest I’ve gotten is using the flash import for the videojs.options.flash.swf property. This loads what I think is flash (a large play button in the top left corner) but the browser blocks it. Even when allowing Flash it doesn’t work. I haven’t tried loading this up in an emulator yet but that’s my next step.

@capacitor/core 9.1.6
@ionic/angular 5
@capacitor/core 2.2.1
video.js 7.8.4
videojs-flash 2.2.1
@brightcove/videojs-flashls-source-handler 1.4.8

import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
import videojs from 'video.js';
import flash from 'videojs-flash/dist/videojs-flash';

  selector: 'app-video-js-player',
  templateUrl: './video-js.component.html',
  styleUrls: ['./video-js.component.scss'],
export class VideoJSComponent implements OnInit, OnDestroy {
  @ViewChild('target', { static: true }) target: ElementRef;
  @Input() options: {
    fluid: boolean;
    aspectRatio: string;
    autoplay: boolean;
    sources: {
      src: string;
      type: string;
  player: videojs.Player;

  constructor() {}

  ngOnInit() {
    const options = {
      techOrder: ['flash', 'html5'],
      aspectRatio: '9:16',
      autoplay: true,
      flash: {
        swf: '../node_modules/@brightcove/videojs-flashls-source-handler/dist/video-js.swf'
        //swf: flash
        //swf: '../node_modules/@brightcove/videojs-flashls-source-handler/dist/video-js.swf'
        //swf: ''
      controls: true,
      sources: [
        { src: 'rtmps://', type: 'rtmp/flv' },

    this.player = videojs(, options, () => {
      console.log('onPlayerReady', this);


  ngOnDestroy() {
    // destroy player
    if (this.player) {