videojs implementation in angular 7

[AsifContus]

Description

As mentioned in the video js MPEG dash file, I have implemented the following scenarios in my player.component.ts file.

#player.component.ts:- import videojs from '../../../../assets/js/play.es.js'; import '../../../../assets/js/dash.all.min.js'; import '../../../../assets/js/videojs-dash.es.js';

this.player = videojs(getVideo, { 'playbackRates': [0.25, 0.5, 1, 1.25, 1.5, 2], 'controls': true, 'preload': 'auto', 'fluid': true, 'autoplay': false, 'seekEventPercentage': 30, tracks: this.setTracks(), 'plugins': { 'hlsQualitySelector': {}, 'keyboardShortCuts': {}, 'spriteThumbnails': {} } }); this.player.src({ src: video.hls_playlist_url, type: 'application/dash+xml', keySystemOptions: [ { name: 'com.widevine.alpha', options: { serverURL: 'http://m.widevine.com/proxy' //Here I have added my widevine license url } } ] }); this.player.play();

Include a reduced test case.

Steps to reproduce

Explain in detail the exact steps necessary to reproduce the issue.

1. Follow the above-mentioned code in the angular component file.
2. I am able to load the video and got the duration and also .mp4 segment files get loaded in the network with 200 success responses.
3. The video is not playing yet.

Results

Expected

I want to play a video. My video gets loaded and I am unable to play the video. Only I am to see the loading icon but no errors in the console.

Actual

My video gets loaded and I am unable to play the video. Only I am to see the loading icon but no errors in the console.

Error output

I got no output.

Additional Information

I have added Play.es.js, dash.all.min.js, and videojs-dash.es.js as mentioned in the Mpeg-dash.

versions

what version of videojs does this occur with? video js 7.2

browsers

what browser are affected? Chrome