Hello everybody! So, I am trying to play an MP4 file (.mp4) on my website. I can play it on my computer just fine with chrome, but cannot play it on my iphone through safari or or chrome (I have an iphone 5). The video has the border around it, and play button with volume controls, but is completely blank and will not play anything.
If you guys could help me get this figured out to where the video will play on my iphone too that would be great! Thank you so much for your time. The code is posted below:
<video id="videofetch" width="480" height="650" controls>
<source src="Videos\William_VS_Lab_Playing_Fetch.mp4" type="mp4">
<source src="Videos\William_VS_Lab_Playing_Fetch.mp4" type="video/ogg">
</video>
CSS incase you need it for some reason
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 450px;
height: 600px;
margin-bottom: 5%;
}