How to Embed Video That Is iPod Touch Friendly
Since the iOS operating system does not support the Adobe Flash plug-in, you cannot watch many streaming videos from your iPhone, iPad or iPod touch. As a Web designer, if you want to build a Web page that includes a video and have iOS devices be able to play it, you should make sure it is in the MOV format. This way, you can use the embed HTML tag to link to the QuickTime movie file and have it play in the Safari app on any iPhone, iPad or iPod touch.
Other People Are Reading
Instructions
-
-
1
Check that the video file you want to embed is in the MOV QuickTime format. Upload it to a folder on your active Web server.
-
2
Launch your Web-editing application and open the HTML file for the page in which you want to embed the video file.
-
-
3
Place your text cursor in the section of the HTML code where you want to place the video file. Choose a place in between the main <html> tags.
-
4
Type "embed src="http://www.mysite.com/myvideo.mov" into the HTML to begin the embed code. Replace "http://www.mysite.com/myvideo.mov" with the URL of the MOV file you uploaded to your server.
-
5
Add "Pluginspage="http://www.apple.com/quicktime/" width="x" height="y" CONTROLLER="true" LOOP="true" AUTOPLAY="true"" to the embed code. Replace "x" and "y" with the pixel values you want to use for the video player. Set the "CONTROLLER" property to "true" if you want to display the play, pause and volume buttons underneath the video. Set the "LOOP" property to "true" if you want the video to start from the beginning each time it finishes playing. Set the "AUTOPLAY" property to "true" if you want the video to begin playing immediately when the page loads.
-
6
Add "name="My Movie"" to the embed code and replace "My Movie" with a label you want to use for the video file.
-
7
Type "></embed>" to end the embed element.
-
8
Save the HTML code and upload it to your active Web server. Visitors using Safari on an iPod touch will now be able to watch the video file.
-
1
References
- Photo Credit Justin Sullivan/Getty Images News/Getty Images
