Comments on: How to make HTML5 videos for iPhone and iPad. http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/ Marketing & Money Getting Blog Sun, 22 Jan 2012 17:02:32 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Owen http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-26406 Owen Thu, 08 Sep 2011 11:12:56 +0000 http://www.treysmithblog.com/?p=78#comment-26406 Hey Trey awesome tech post mate, and thought you may be able to mention it to your Cousin Frank, as I recently bought his Mass Control Syndicate training and can't watch it on my iPad , bummer dude :-( But on the up side love going through you iPhone App training course on the iPad :-) Cheers Owen Hey Trey awesome tech post mate, and thought you may be able to mention it to your Cousin Frank, as I recently bought his Mass Control Syndicate training and can’t watch it on my iPad , bummer dude :-(

But on the up side love going through you iPhone App training course on the iPad :-)

Cheers
Owen

]]> By: Travis Leptich http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-26213 Travis Leptich Tue, 06 Sep 2011 16:10:52 +0000 http://www.treysmithblog.com/?p=78#comment-26213 Though this article is a little old to post on now, I felt that it would be good to mention something helpful. Rather than having a "Click here if you're on an iPhone or iPad" link, you can actually embed <object> tags inside of <video> tags. This way, if they are using an iPhone or iPad, it'll play the video directly on the page, and if they are using a browser that doesn't support it, it can fall back to flash video instead... <video controls preload="none"> <source src="VIDEO.m4v" type="video/mp4" /> <object width="320" height="240" type="application/x-shockwave-flash" data="VIDEO.swf"> <param name="movie" value="VIDEO.swf" /> <param name="flashvars" value='config={"clip": {"url": "http://yourSite/VIDEO.swf", "autoPlay":false, "autoBuffering":true}}' /> </object> </video> With the above markup, it should play the video for the i-Devices, and if the video doesn't work for the current user's device, it'll fall back to using flash in the same area on the page. Not necessary, but useful if you don't want people to have to leave the page to view a video. Though this article is a little old to post on now, I felt that it would be good to mention something helpful.
Rather than having a “Click here if you’re on an iPhone or iPad” link, you can actually embed <object> tags inside of <video> tags. This way, if they are using an iPhone or iPad, it’ll play the video directly on the page, and if they are using a browser that doesn’t support it, it can fall back to flash video instead…

<video controls preload=”none”>
<source src=”VIDEO.m4v” type=”video/mp4″ />
<object width=”320″ height=”240″ type=”application/x-shockwave-flash” data=”VIDEO.swf”>
<param name=”movie” value=”VIDEO.swf” />
<param name=”flashvars” value=’config={“clip”: {“url”: “http://yourSite/VIDEO.swf”, “autoPlay”:false, “autoBuffering”:true}}’ />
</object>
</video>

With the above markup, it should play the video for the i-Devices, and if the video doesn’t work for the current user’s device, it’ll fall back to using flash in the same area on the page.

Not necessary, but useful if you don’t want people to have to leave the page to view a video.

]]> By: Travis Leptich http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-26212 Travis Leptich Tue, 06 Sep 2011 16:05:07 +0000 http://www.treysmithblog.com/?p=78#comment-26212 Though this article is a little old to post on now, I felt that it would be good to mention something helpful. Rather than having a "Click here if you're on an iPhone or iPad" link, you can actually embed tags inside of tags. This way, if they are using an iPhone or iPad, it'll play the video directly on the page, and if they are using a browser that doesn't support it, it can fall back to flash video instead... With the above markup, it should play the video for the i-Devices, and if the video doesn't work for the current user's device, it'll fall back to using flash in the same area on the page. Not necessary, but useful if you don't want people to have to leave the page to view a video. Though this article is a little old to post on now, I felt that it would be good to mention something helpful.
Rather than having a “Click here if you’re on an iPhone or iPad” link, you can actually embed tags inside of tags. This way, if they are using an iPhone or iPad, it’ll play the video directly on the page, and if they are using a browser that doesn’t support it, it can fall back to flash video instead…

With the above markup, it should play the video for the i-Devices, and if the video doesn’t work for the current user’s device, it’ll fall back to using flash in the same area on the page.

Not necessary, but useful if you don’t want people to have to leave the page to view a video.

]]> By: Alex http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-17915 Alex Mon, 23 May 2011 01:19:40 +0000 http://www.treysmithblog.com/?p=78#comment-17915 I have something to add, if you want a cool image as your thumbnail for the video (that image you see with the big blue play button on it if your watching on an iphone or ipod touch) you can add a poster attribute to the code with the image you want E.g. ..... I hope some people find this useful I have something to add, if you want a cool image as your thumbnail for the video (that image you see with the big blue play button on it if your watching on an iphone or ipod touch) you can add a poster attribute to the code with the image you want

E.g.

…..

I hope some people find this useful

]]> By: Shaun Trevett http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-1892 Shaun Trevett Fri, 10 Sep 2010 20:22:16 +0000 http://www.treysmithblog.com/?p=78#comment-1892 WOW Dude this is Awesome love the instructions and this will be very helpful with my soon to be product launches coming up. Thanks Trey You are the Man! Kind Regards Shaun WOW Dude this is Awesome love the instructions and this will be very helpful with my soon to be product launches coming up.

Thanks Trey

You are the Man!

Kind Regards
Shaun

]]> By: Andy Beard http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-721 Andy Beard Fri, 25 Jun 2010 00:10:08 +0000 http://www.treysmithblog.com/?p=78#comment-721 There are plenty of different solutions out there to get one page with support for all browsers. Firefox does support HTML5, what it doesn't support is mp4 natively, you need to provide an alternative version of the video in ogg format. There are plenty of different solutions out there to get one page with support for all browsers.

Firefox does support HTML5, what it doesn’t support is mp4 natively, you need to provide an alternative version of the video in ogg format.

]]> By: Juho Tunkelo http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-653 Juho Tunkelo Mon, 14 Jun 2010 13:52:14 +0000 http://www.treysmithblog.com/?p=78#comment-653 Kylmä kalja! Kylmä kalja!

]]> By: Andrew http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-606 Andrew Sun, 06 Jun 2010 19:53:12 +0000 http://www.treysmithblog.com/?p=78#comment-606 Cerveza! Cerveza!

]]> By: Steve http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-599 Steve Sat, 05 Jun 2010 15:56:19 +0000 http://www.treysmithblog.com/?p=78#comment-599 The video plays on Chrome. :-) Hopefully it won't be long before the Firefox browser is updated to support HTML5. Thanks for the post. Will be taking action on this immediately. The video plays on Chrome. :-) Hopefully it won’t be long before the Firefox browser is updated to support HTML5. Thanks for the post. Will be taking action on this immediately.

]]> By: Anthony DeLoach http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/comment-page-1/#comment-597 Anthony DeLoach Sat, 05 Jun 2010 14:35:45 +0000 http://www.treysmithblog.com/?p=78#comment-597 Cold squeezer! Cold squeezer!

]]>