Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

HTML 5 in IWEB

Lets all join and post anything about HTML5 in Iweb.

2.4 intel core duo macbook pro, Mac OS X (10.5.8), iphone 3.0

Posted on Apr 18, 2010 10:57 PM

Reply
13 replies

Apr 18, 2010 11:13 PM in response to macmamia

Perhaps it's best to learn what HTML 5 is.

But if I want Iphone users to view video....


iPhone users can view your videos

Also what if I wqant to convert my private screencast to html5 is this possible


You don't have to convert anything. You only have to add a .ogg file.

[HTML 5 Video en audio support|http://www.wyodor.net/blog/archives/2009/06/entry_181.html]
[Camen Design HTML5 Video Compact|http://www.wyodor.net/_Movies/sublime/camendesign/compact.html]
[Video For Everybody|http://camendesign.com/code/video foreverybody]
[HTML5 Media Support|http://webkit.org/blog/140/html5-media-support>
[Sublime HTML5 Video|http://www.wyodor.net/_Movies/sublime/Porsche911.html]

Message was edited by: Wyodor

Apr 21, 2010 5:25 PM in response to Wyodor

control is the rule, not exception... and iweb doesn't give much control.

but here is what can be done:
http://temp.cyclosaurus.com/iWebHTML5/whatnow.html

code was copy+paste from: http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into- 3d-space/

video is from: http://trailers.apple.com/

incorporated in iweb with my widgets, no post editing.

Apr 27, 2010 6:52 PM in response to Cyclosaurus

Cyclosaurus wrote:
control is the rule, not exception... and iweb doesn't give much control.

but here is what can be done:
http://temp.cyclosaurus.com/iWebHTML5/whatnow.html

code was copy+paste from: http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into- 3d-space/

video is from: http://trailers.apple.com/

incorporated in iweb with my widgets, no post editing.



I saw it and i think it is a great example. I could not get it to run on my iphone. I will have to check if os 4.0 will let me see it.

Thanx for the links.

Apr 27, 2010 7:12 PM in response to Cyclosaurus

Cyclosaurus wrote:
Lets all join and post anything about HTML5 in Iweb.


lets be real, most people couldn't even handle html, css and javascript/ajax and DOM and they are long standing standards.


I agree with you I myself havent gone in depth on programming these languages.

I just have this feeling in my gut that I want to use Iweb to bring an spectacular presentation to my audience. I know that Iweb isnt a programming app.

I just graduated as an engineer and I do know some programming.

What I will try is to program stuff by myself and incorporate them as HTML Snippets and widgets.

*But frankly I dont want to focus on how to do them I want to focus on my content. And using iweb, iphone and eventually ipad*

That is why I came apple forums, I am sure there is people out there with this same feeling.

here is a link that inspires me: http://9elements.com/io/projects/html5/canvas/

I know its more creativity that drives this link above. But there is a lot of programming involed in it. And I want in. :P

Apr 27, 2010 11:52 PM in response to macmamia

Movies do not run automatically on iPhone/iPad. The user must take action. OS 4 probably won't change that.

And what you see on the sample page is not a movie. They're tiles.

Here are my latest (updated) incarnations :

http://dailynews.webege.com/ipad/BlowUp.html
http://www.wyodor.net/_Demo/html5/

It takes into account how iWeb creates its pages.

And it required a lot of learning and research.

Apr 28, 2010 1:59 AM in response to macmamia

I could not get it to run on my iphone


From the manual : [Safari HTML5 Audio and Video Guide: Audio and Video HTML|http://developer.apple.com/safari/library/documentation/AudioVideo/Concept ual/Using HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//appleref/doc/uid/TP40009523-CH2-SW1]

*User Control of Downloads Over Cellular Networks*

In Safari on iPhone OS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, autobuffering and autoplay are disabled. No data is loaded until the user initiates it. This means the JavaScript play( ) and load( ) methods are also inactive until the user initiates playback, unless the play( ) method is triggered by user action. In other words, a user-initiated Play button works, but an onLoad play event does not.

This plays the movie:
<input type="button" value="Play" onClick="document.myMovie.play()">


This does nothing on iPhone OS:
<body onLoad="document.myMovie.play()">


Because the native dimensions of a video are not known until the movie metadata loads, a default height and width of 150 x 300 is allocated on devices running iPhone OS if the height or width is not specified. Currently, the default height and width do not change when the movie loads, so you should specify the preferred height and width for the best user experience on iPhone OS, especially iPad.

*iPhone Video Placeholder*
On iPhone and iPod touch, a placeholder with a play button is shown until the user initiates playback, as shown in Figure 1-1. The placeholder is translucent, so the background or any poster image shows through. The placeholder provides a way for the user to play the media.

HTML 5 in IWEB

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple ID.