Layer Slider - Not rendering video object on mobile device in portrait mode


I have a very simple bare minimal html and i have placed a slider created through layer slider on it. the layer slider has two slides with no css and positioning assigned to them. However when viewed on iphone 6 in the portrait mode the video is just not visible. The first slide shows correctly however the second slide is just blank. I deleted the first slide and kept the video slide and issue remains.

The error can be reproduced by using a chrome browser and using the devleoper toolbar use the device as iphone 6 and in the portrait mode the video is not visible. Using the inspector of developer toolbar i can see the layerslider didnt even render the html5 video object.

Is there any resolution to this? any help is appreciated