Video with touchstart event loads as blank in iphone on page load and shows up only when I touch the element

[Ruchika4]

I am facing an issue on iphone (actual device) for hoverplay. I have added touchstart event. On page load video loads as blank and only shows up when I touch the element. https://video-hover--milo--ruchika4.hlx.page/drafts/ruchika/document23 (2nd, 3rd, and 4th video is suppose to play on touch). I wanted to check if this is something anybody has ever run into.

Works fine on ipad but just not on iphone

cc @chrischrischris @rgclayton @meganthecoder @ryanmparrish

[Ruchika4]

Closing this as it was decided we should not have hover play in mobile.