I have a website with a couple hundred videos embedded with <video src="example.mp4" controls playsinline preload="none">

They are not visible on top of that either (CSS: display:none). It's a long blog with multiple posts.

On iOS the page fails to load under Chrome, Firefox and Safari. Other systems work fine. I wrote a workaround and put them in a link instead of embedding them into a video tag.

Is there a way (without javascript and/or lazyload solutions)?