HTML 5 Video iOS - javascript

It may seem a dumb question but I cannot figure out a solution, I am embedding a local video using the standard html5 video syntax, the problem is that on safari / ios the video won't play and a quicktime striketrhough icon appears instead.
The same error appears on w3c page if I try to playback a video using iphone / ios (testing on xcode):
https://www.w3schools.com/html/html5_video.asp
How can I fix this problem?
This is the code I am using:
<video width="400" controls>
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
Thanks.

Related

could we use youtube video player in our website with our own video(video does not upload to youtube server)?

I am looking for the best video player to use on my offline website I tried with some video players but it does not work well. sometimes it is stuck when user try to stream it. If have some video players as youtube player and we can use it offline is the best practice for my requirement. if someone know this please help me. thanks in advance.
Unfortunately no. Videos which are hosted by YouTube are only available to be on the YouTube player.
Like other users have said, you may be interested in HTML5 video. All major browsers will support it.
There are also 3rd party libraries which offer HTML5 video. http://videojs.com/ is a popular one.
you can use HTML5 video tag.
https://developer.mozilla.org/en/docs/Web/HTML/Element/video
e.g:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
You maybe can use HTML5 to Solve that, i hope help with this Link on HTML5 Video Player, if not solve your problem or if you have some questions ask! :)
<video width="400" controls>
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>

HTML5 video not displaying on Safari but works on every other browser

The video and poster is displayed on Chrome, firefox and opera however not on safari despite the video being a .mp4 format..
https://brunelstudents.com/teambruneltest/
For safari you need to add .webm format video.
<video controls>
<source src="somevideo.webm" type="video/webm">
<source src="somevideo.mp4" type="video/mp4">
I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264.
<!-- You can embed a Flash player here, to play your mp4 video in older browsers -->
</video>

HTML5 video element not working on Android and iPhone

I have used 5 video in htmt5 video element as a slider. It is not working on Android and iPhone device. Just only show a single image. This is my site http://devpgc.buysidedesign.com/
I have used following code
<video id="video" autoplay loop muted>
<source src="http://devpgc.buysidedesign.com/images/video/InvestorAligned_1.mp4" type="video/mp4"/>
<source src="http://devpgc.buysidedesign.com/images/video/InvestorAligned_1.webm" type="video/webm"/>
<source src="http://devpgc.buysidedesign.com/images/video/InvestorAligned_1.ogg" type="video/ogg"/>
</video>
I have also try to follow this link HTML5 <video> element on Android but no luck. Please tell me the solution.
Try this:
var video = document.getElementById('video');
video.addEventListener('click',function(){
video.play();
},false);
Source

Is it possible to autoplay HTML5 video on iOS 6 and earlier

I want to autoplay HTML5 video on iOS devices. I searched on google and here on stackoverflow for this. I found many answers (including this one ) saying that it is not possible to autoplay video on iOS 6.1 and later. Therefore it is possible to autoplay video on iOS 6.0 and earlier. But I don't know how can I do that.
Will this work on iOS 6.0 and earlier?
<body onload="document.myMovie.play()">
I don't idea avout iOS but you can try
<video controls autoplay> //autoplay commad play your video automatically after load.
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
</video>

Video error with HTML5

I am trying to put a video into my website using html5.
The sound of the video plays, however you can just see a black space.
I have used the basic <video>from w3schools. My code looks like this...
<video width="420" height="315" controls>
<source src="myMovie.mp4" type="video/mp4">
<source src="myMovie.ogg" type="video/ogg">
</video>
sounds like it can be your graphic card, have you googled black screen on html5 video? You might wanna add you graphic card and ios to your search.
Unless you use browser that doesnt support html5. If that's the case, get a html5 browser and try it out :)

Categories