Video displaying only on full screen not on default screen?

Ionic Framework ionic-v3
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