video is not rendering in with mdb-carousel => carousel-thum

Expected behavior i want to render videos and images using mdb-carousel-thumbnails but its not rendering,

below code working fine with images in carousel-thumbnails

<mdb-carousel class="carousel slide carousel-fade" [type]="'carousel-thumbnails'" [animation]="'fade'">

below code is not working with images and video in carousel-thumbnails

<mdb-carousel class="carousel slide carousel-fade" [type]="'carousel-thumbnails'" [animation]="'fade'">

getting below errors

CarouselComponent.html:10 ERROR TypeError: Cannot read property 'src' of null
at CarouselComponent.getImg (angular-bootstrap-md.js:1645)
at Object.eval [as updateRenderer] (CarouselComponent.html:11)
at Object.debugUpdateRenderer [as updateRenderer] (core.js:20375)
at checkAndUpdateView (core.js:19750)
at callViewAction (core.js:19986)
at execEmbeddedViewsAction (core.js:19949)
at checkAndUpdateView (core.js:19746)
at callViewAction (core.js:19986)
at execEmbeddedViewsAction (core.js:19949)
at checkAndUpdateView (core.js:19746)

do you have any solutions of the above error or any is there any other way to render images and video in carousel-thumbnails

Thanks