Embedded Video (class exported as FBVideoComponent)

Component to embed Facebook videos and control them.

Official Facebook documentation for this class can be found here.

<!-- basic usage -->
<fb-video href="https://www.facebook.com/facebook/videos/10153231379946729/"></fb-video>

<!-- event emitters -->
<fb-video href="https://www.facebook.com/facebook/videos/10153231379946729/" (paused)="onVideoPaused($event)"></fb-video>

To manually interact with the video player, fetch it using ViewChild.

import { Component, ViewChild } from '@angular/core';
import { FBVideoComponent } from 'ngx-facebook-sdk';

@Component(...)
export class MyComponent {

  @ViewChild(FBVideoComponent) video: FBVideoComponent;

  ngAfterViewInit() {
    this.video.play();
    this.video.pause();
    this.video.getVolume();
  }

}

Inputs

href (string)

The absolute URL of the video.

allowfullscreen (boolean)

Allow the video to be played in fullscreen mode. Can be false or true. Defaults to false;

autoplay (boolean)

Automatically start playing the video when the page loads. The video will be played without sound (muted). People can turn on sound via the video player controls. This setting does not apply to mobile devices. Can be false or true. Defaults to false.

width (string)

The width of the video container. Min. 220px.

showText (boolean)

Set to true to include the text from the Facebook post associated with the video, if any.

showCaptions (boolean)

Set to true to show captions (if available) by default. Captions are only available on desktop.

Outputs

startedPlaying

Fired when video starts to play.

paused

Fired when video pauses.

finishedPlaying