02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

HTML5 Mobile Video and Audio Tips

AS the mobile world is leading the HTML5 revolution of the web its really important to note that a few small tricks can help you get your content up and running on all modern mobile devices.

Video Transcript

00:00Welcome back! So this is our last video for now on videos and audio in general
00:06and I wanted to talk about basically something really important. So if you're
00:10building your applications to be mobile applications, if you're trying to get
00:15your application to work on the iPad and iPhone and different Apple-y pads
00:20out there, you want to make sure that you put your Apple source element to be
00:25first when you're creating things dynamically. The reason is because Apple
00:30has a bug or at least had a bug until iOS 4 which was fixed in iOS 4 that it
00:35would actually only read the first source element and if there would be any more
00:39further after that it would ignore them. So if you put your non-Apple compatible
00:44source file first then your application would cease to work for users of
00:49browsers in iOS below iOS 4. With that said, also another tip is when you're
00:56working with Android. So basically with Apple just make sure that in general
01:00that you put your Apple file if it's the H.264 or your MP3 file to be the first
01:05thing in your source elements if you're not building it in JavaScript
01:09dynamically. The next thing is in Android devices there was some issues
01:13with the type in general so if you want to make sure that it works on
01:17Android under 3 under 2.3 you would actually not even put the type and just
01:22put the file type without setting the actual type itself and let the browser
01:26so basically if you're doing the AUG you would just remove the these lines
01:31to make sure that it would work also on 2.3 and below also on 2.3 until 2.3
01:38at least the controllers the building controllers for the players did not work
01:42so it in general it's a great idea for you to create your own custom
01:46controllers and we've learned already how to create custom controllers in our
01:49video course and in this one as well so I do strongly encourage you to create
01:53your own custom controller because that would also solve issues with older in
01:58the way kind of like browsers that were in the process of upgrading to HTML 5
02:03video and audio to support to have better support for your functionalities
02:08as well with that said I hope to see you back in our next course and I'm
02:13happy that you watched it and thanks for watching and I hope you give us a
02:16great review because that helps us and motivates us to create more content
02:20thank you very much to the loop

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!