HTML Video not showing on iPhone

Having trouble showing a video in iPhone, comes up with no video. I read about autoplay etc but still does not solve the issue. (Taken poster out for now)

Code:

        <video class="video webkit-playsinline" width="50%" height="50%" src="./videos/web.mov" type="video/mov" autoplay="" preload="" loop="" controls="true" style=" position: relative; top: 7em;">
</video>
    <video class="video webkit-playsinline" width="50%" height="50%" src="./videos/web.mp4" type="video/mp4" autoplay="" preload="" loop="" controls="true" style=" position: relative; top: 7em;">
</video>
    <video class="video webkit-playsinline" width="50%" height="50%" src="./videos/web.mpeg" type="video/mpeg" autoplay="" preload="" controls="true" loop="" style=" position: relative; top: 7em;">
    </video>

Just need it to even come with play button which it can then go to play the video, as that does not show at all. No sign of media on the screen - or if possible making it play on autoloop? (If I remove audio for mobile devices only)

Thanks!