Video displaying only on full screen not on default screen?


#1

Hi
I am not getting why the video is getting displayed only when I press on full screen button but in start its playing but not displaying.I am getting the video link from api…
My html file …

<video controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer">
      <source src=  "{{temp}}" type="video/mp4" />
    </video>

in ts file

public temp="IP-address/uploads/filename.mp4";

#2

does it happen on ios ?


#3

in ios didn’t check in emulator only I checked


#4

what is the emulator’s OS ?


#5

on android emulator only


#6

try adding playsinline to your video tag
like
<video src="file.mp4" playsinline>


#7

same result again playing but not displaying


#8

Did you sanitize the url?


#9

yes I did like below

videoUrl: SafeResourceUrl;
this.videoUrl = this.domSanitizer.bypassSecurityTrustResourceUrl("IP-address/uploads/filename.mp4");

still same