HTML5 Video not working in iPhone and iPad

Question

I am working on a web app where i need to add video tag which is to be compatible for all devices. I use the below JavaScript code to add video

var src = "some mp4 file source";
var video = document.createElement("video");
video.width = 600;
video.height = 400;
video.controls = true;
video.autoplay = true;
video.preload = "auto";
video.src = src;
element.appendChild(video);

The above code works fine in all browsers which have compatible with HTML5 and in all devices except iPhone and iPad which shows some error occurred.

What am i missing ?

Answer 1

This code will be better if you want to implement a video that will work on any devices

<video width="600" height="400" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Here de documentation that you will need: html5 video