VIDEO FREEZES IN IWEB

Question

VIDEO FREEZES IN IWEB

Okay so I submitted an ealier post and was able to get some good feedback but I am still having issues.

I have a slideshow made in IPHOTO I linked my audio to play with the slide show..... (earlier I had 2 separate files one audio one a movie/slide done on IMOVIE) the reaon was to keep the audio in auto run and loop because the slide was shorter than the audio length.

HERE IS MY ISSUE: no matter what I do if I upload a video or a slideshow from IMOVIE or IPHOTO using a QUICKTIME or APPLETV etc.

the file will stop play and freeze of you move the mouse curser over the video during play and simultaneously scroll down.... moving the mouse over the video during play alone is fine, it's simultaneously scrolling down that frezzes the video.

When I had (2) separate files one audio on loop and auto play and the other a video on loop and auto play.... the audio would continue to play but the video would freeze.

I know someone suggested to use an html format by setting up the video file in my FTP server folders and then pasting in the html tag into the snippet

this worked but the video file was still in QUICKTIME format and still it would freeze

I was told this is because QUICKTIME responds to curser actions and so..........

how can I change my IPHOTO slideshow and IMOVIE files into an alternate file other than quicktime

I am not familiar with html snippets and tags, something I am learning

basically I just want to drag n drop the file onto the web pg. use inspector to auto play and loop and be done with it...

Anyone have any suggestions on how to upload my files without using QUICKTIME

care to walk me throught your process?

thank you

S

Mac OS X (10.6.8)

Posted on May 1, 2012 1:02 PM

Reply

Answer 1

Best reply

Roddy

Level 6

17,265 points

May 1, 2012 1:21 PM in response to FLATIRONFINISH

All modern browsers support HTML5 playback using video tag. If you don't want to upload three different file formats of your movie you need to provide fallback to flash for Firefox and also older versions of Internet Explorer. To do this you need to go a little firther than drag and drop!

Some examples of these type of players..

http://www.iwebformusicians.com/Website-Movie-Video/Flow-Player.html

http://www.iwebformusicians.com/Website-Movie-Video/Fallback-To-Flash.html

http://www.iwebformusicians.com/Website-Movie-Video/JW-Media-Player.html

http://www.iwebformusicians.com/Website-Movie-Video/Easy-Movie-Player.html

Basic HTML5...

http://www.iwebformusicians.com/Website-Movie-Video/HTML5-Video.html

All these players can be set to autoload and autoplay. Note that iOS devices - quite rightly - ignore autoplay since this is not a very good idea for website movies.

Reply

Answer 2

May 1, 2012 1:51 PM in response to Roddy

Roddy,

Thank you for your help on all this...

I like the flow player and the auto hide feature

I am going to check out all those links you sent me but I am leaning towards the flow player

I may run into issues when uploading to my FTP folder and pointing the site to the file, that seems to be where I get messed up and not really good with the html snippets in IWEB

I will take a look at the links and if I have any more issues il let you know

Thanks for all your help, once I get the video/slide done I can upload all my other pages that are waiting 😁

S

Reply

Answer 3

Roddy

Level 6

17,265 points

May 1, 2012 4:38 PM in response to FLATIRONFINISH

Some info about file upload...

http://www.iwebformusicians.com/AudioFiles/Upload.html

Reply

Answer 4

Cyclosaurus

Level 6

12,915 points

May 2, 2012 1:25 AM in response to FLATIRONFINISH

you can can drag-drop your quicktime slideshow onto your page and switch it from quicktime object to html5 video with simple javascript: http://temp.cyclosaurus.com/revolving/HTML5Video.html

there is no need to muck around with uploading...

Reply

Answer 5

May 2, 2012 4:01 AM in response to Cyclosaurus

yeah I like this idea

do you mind walking me through that process? I am a bit tech challenged at this time

I have the HTML5 app and converted some video but then after that I am lost as far as what file to select where to find it in what folder etc etc and how to convert it on my iweb

I am not familiar on the Java script etc.

But I like your idea the best so far, mind walking me through that? :-)

Reply

Answer 6

Roddy

Level 6

17,265 points

May 2, 2012 8:38 AM in response to Cyclosaurus

The problem with that method is the movie won't play in Firefox since it needs an OGG file.

To cover all modern browsers the movie file needs to be uploaded as MP4, WebM and OGG. Of course, IE prior to V 9 doesn't support HTML5, and there's still too many people using it to ignore them.

Using HTML5 with an MP4, and fallbackto flash, saves uploading the file in the above three formats and covers out of date browsers.

Reply

Answer 7

May 2, 2012 9:39 AM in response to Roddy

thaks for the look out..

So in your expertise.... and knowing what I want to achieve and using IWEB with Go Daddy as a sever/host

What would you suggest I do?

would you be open to waking me through it or hire you out to walk me thourgh it, once I see how the code works in my files and on IWEB layout then I can make sense of all this, im just a creative artist mind you and do'nt want to pay a tech every week to update the blog and photos or media after every project. but figuring this out is getting over my head... :-)

Hey I listened to your songs, groovy man!! I play on a lil ol epiphone LP my father quit his band afte decades of paly, went cold turkey and sold off all his bass guitars.,,, he had an Richenbacker from the 60's mint! hofner, and the last yr leo Fender signed the p bass he had a sunbust all vintage..... SOLD!! ahh I couldnt believe it!!

he was getting burnt out with it and starting to age so..

but anyways

let me know your thoughts

S

Reply

Answer 8

Roddy

Level 6

17,265 points

May 2, 2012 9:50 AM in response to FLATIRONFINISH

You can Emailme if you want to give me more specific info about what you need.

Reply

Answer 9

Cyclosaurus

Level 6

12,915 points

May 2, 2012 12:44 PM in response to FLATIRONFINISH

here is another solution with simple javascript.

have it detects video object and change its z-index to -1, that effectively sends video object backward and disable all video object user interface; including scrubbing:

http://temp.cyclosaurus.com/revolving/BuriedVideoObject.html

code is on the page, copy+paste it in an html snippet.

Reply