Video displaying only on full screen not on default screen?

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" />

in ts file

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

does it happen on ios ?

in ios didn’t check in emulator only I checked

what is the emulator’s OS ?

on android emulator only

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

same result again playing but not displaying

Did you sanitize the url?

yes I did like below

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

still same