Getting video content on a website has always been a challenge, since video files are large and many mobile devices simply require it. Video.js to supports that video content, such iOS (iPhone, iPad), Android, Windows Phone 7, Blackberry, and others. To ensure that everyone, or at least most people can watch your video you have to create a video that works on the web and mobile devices such as iPhone, iPad, iPod Touch and other handheld devices.
The hard truth is that if you want to cover every device, you need to encode several formats and create complicated workarounds to get them to play,depending on the device. In this tutorial we do not go deeper into this wasp nest, we are going to show you how to encode a video in such a way that it plays successfully on the most common denominator, including Apple devices.
Which application to use for conversions?
I did tests with several converters and two of them came out pretty good: HandBrake and iFunia Media Converter for Mac. In this article, I will discuss iFunia Media Converter for Mac because it is very convenient and easy to deal with, while producing decent output. Apart from that, it supports FLV video, MP4/F4V video, and H.264 HD video output profiles with HTML 5 and WebM supported.
Ok, now that we know which application to use, let’s download and install it. When ready, read on to jump right into practice.
Download Free Trial of iFunia Media Converter for Mac
How to encode a video for web, iPhone, iPad, & other handheld devices
Step 1. Add media files
Click the “Add Files” button to add media files to the Media converter for Mac. This Mac Media Converter supports drag-drop and batch conversion, so you can import and convert several multimedia files at a time.
Step 2. Select MPEG4 output format
Thanks to its support of a single video format – MP4, we can convert the the media files to MPEG4 format which supported by most portable devices. Here we can use the “Output Format” to control the output format. Select MPEG4(MP4) output format for each video file and specify a directory on your computer to save the output files.
Step 3. Start conversion
Click “Start” to begin the video conversion on Mac. The convert progress bar shows you how much of the encoding is completed. Before the conversion, you can also edit videos by trimming, cropping, watermarking and adding special effects, etc.
No related posts.
Great article, thanks for sharing.
How do you do it? When you locate a video you’d like to add to your page on YouTube?
a very nice tutorial
thank you..
Sorry my friend. I don’t have and I sahcreed Google from here Saudi Arabia. They blocked most of the sites. Entrust Google and search from your location changing keywords often and hopefully you’ll get it. Best of luck.
This is awesome. Now i know how to do it!
Thank you for your post. Just what I wanted, knowing how to embed videos in my blog.
Thank you so much. I learn a lot from your guiding posts.
Basic AirPlay will stream content at 1080p providing the content is 1080p to begin with. mirroring will be restricted to 720p.
Can this tool convert a video to HTML5?
I going to add your blog to my favorite sites.
This is an incredibly useful tip! Really makes it A LOT easier to reference information or particular points within videos.
How to embed high quality video with new YouTube iframe style code
HTML5 Video with Flash fallback currently using the videojs library. Supports file uploads as well as external files specified by url.
hey it is very useful
Thanks a lot. Thanks to this page we just uploaded Youtube videos to our site. Thank you.
Thank you so much for the article on how to add a Youtube video to my site! Simple and to the point!
Really helpful and to the point A bundle of thanx for providing
I’m using sometimes this Tool from Apture.
You can install a Plugin (Website/Blog) or you can use the Apture Builder.
You can setting a Start AND Stop-Time for Videos, Width and Hight etc.
PS: I am not a Apture-Partner, only a early user .
Great tip. Thank you! Do you know if there is a way to embed a YouTube video with a screen shot at a certain time but still start at 0:01?
thanks for that appreciate it!
… [Trackback]…
[...] Find More Informations here: ifunia.com/blog/make-the-embedded-videos-in-your-website-play-successfully-on-ipadportable-devices/ [...]…
Keep functioning ,impressive job!