Really Easy HTML5 Video

Howdy

Couldn't resist telling you about this free program.

It makes placing video on your web pages, well really easy! And, it's free, EasyHTML5video! There is a paid version that produces the video watermarked with your URL or not.

 

 

What makes it real easy to use is that it encodes all the different video formats you need for each html 5 capable browser as each browser has its own built in video player!

One thing to watch for, this program puts an extension on the Firefox compatable video that gave my Mac and Firefox a problem (the video would play locally, but when I uploaded it, it wouldn't play in Firefox)

It's easily fixed. Just rename the video with the .ovg extension to .ogg  and in the generated html5 markup change the .ovg extension to .ogg (There will only be one occurrence of .ovg to change)

Here's an example video on my curling clubs web page using this program by http://easyhtml5video.com/

If you use the different browsers, Safari, iPhone, smart phone, Firefox, Chrome or Internet Explorer you'll see the different players used by each of the browsers.

Enjoy!!!!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Week 5 Review ---MailTo: Contact Forms

Week 5 Outline

 

CLASS #5 Notes:
When designing your web pages and browsing...
Always ask yourself these questions:
Where am I?
Where have I been?
Where can I go?

 

Contact forms, widgets and where to from here?

Subjects

1. Adding to the 1 trillion web pages
2. Contact Forms!
   • Site Search Engines
3. html5/CSS3
4. Widgets
5. What do I do now?

Objective

To build a web site consisting of at least 3 web pages.

This week

• Contact Forms!
• html5 and css3
• The Adobe Widget Browser
• Other widgets
• Resources

How! Web Page Creation Preparation for Week 5

A Tip:
When you are working on something new to insert in your web page, try it out first on a blank basic web page, like BasicCSSpage.html or Basichtmlpage.html in your Class Master folder!

Resources for this week -- go to these URL's

Contact!
The Contact Form Tutorial

Google Search Engine
Google Search Wizard

HTML5 and CSS3
Class Resource

AIDS To Help You Build Your Web Site

Adobe (You don't need to own any Adobe products)
Widget Browser (You'll need to install Adobe Air first)

Free Slideshows (other than Adobe Widgets)

• Visual Light Box
• Visual Slide Show
• Wow Slider

Inserting Video (Other than Adobe Widgets)

• Easiest way ---Embed YouTube Code
• Video Light Box Wizard
• The right way --Using HTML5 Video insert

Homework! And, what do I do now?

1. Copy the Huggins Contact form and edit it to work on your web page
   1. If your web host provides either a "Mailto: Form" script or a cgi email script you may use that instead.
2. Test your web Site
3. Maintain your web site (keep it up to date!)
4. Subscribe to the Sitepoint.com's newsletters
5. Subscribe to Ask's, Jennifer Kyrnin's newsletters
6. There is no try, Do! Practice, practice, practice
7. Take more classes

 

Navigation Here

• Week 5
• Home

On-Line and desktop References for html and CSS

CSS at Sitepoint.com

HTML at Sitepoint.com

Sitepoint also offers a "plug-in called Code Burner, it's a quick interface that resides on your desktop or in your FireFox Browser. It is linked to the Sitepoint on-line references for CSS and HTML. Check out Code Burner!

Graphically Challenged?

The Cool Text web site will help you design a logo. The Cool Text Wizard

Got A Question? 'Holler!

Have a great Thanks Giving...