Issue display video HTML element on mobile

Need help
1

I have an issue. On my application i use an HTML script to display a youtube video. I do this because i need to track if people have watched the movie. I works fine on desktop but on phone i cannot see it. I display the video in the container further down the page and this is added in the header HTML. Any ideas?

.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }