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