Video displaying only on full screen

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