March 12th, 2010
In this video quick tip, we’ll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the <video> element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers.
Viewing Options
Unfortunately, much like HTML 5 audio, Firefox and Safari/Chrome don’t quite agree when it comes to the file format for videos. As such, if you wish to take advantage of HTML 5 video at this time, you’ll need to create three versions of your video.
- .OGG: This will make Firefox happy. You can use VLC (File -> Streaming/Export Wizard) to convert your video to this format easily.
- .MP4: Many screencasting tools automatically export to Mp4; so you can use that file for Safari and Chrome.
- .FLV/.SWF: Not all browsers support HTML 5 video, of course. To compensate, make sure that you add a fallback Flash version as well.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>untitled</title>
</head>
<body>
<video controls width="500">
<!-- if Firefox -->
<source src="video.ogg" type="video/ogg" />
<!-- if Safari/Chrome-->
<source src="video.mp4" type="video/mp4" />
<!-- If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.) -->
<embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed>
</video>
</body>
</html>
There are a handful of attributes available to the <video> element.
- Controls: Display the play/stop buttons?
- Poster: The value can be a path to an image, that will serve as the display of the video before it is played.
- AutoPlay: Immediately play the video when the page is loaded?
- Width: The desired width of the video. By default, the browser will automatically detect the dimensions of the supplied video.
- Height: The desired height of the video.
- Src: The path to the video file. It’s better to use the <source> child element instead for this task.
Dos and Don’ts of HTML 5 Video
- DO create three version of your video to make Firefox, Safari/Chrome, and IE happy. (.ogg, .mp4, .flv/.swf)
- DO NOT omit one of these formats. Unfortunately, you can’t easily choose to serve HTML 5 video to Firefox, and the Flash fallback to Safari. Safari understands the <video> element, and will expect to find a suitable video format to load. If one is not found, it will display an empty player.
- DO keep in mind that full-screen support will not work in Safari and Chrome. However, with the release of Firefox 3.6, you can right-click, and view in full screen.
- DO remember that the reason why IE loads the Flash file instead is because it does not understand what the <video> element is. However, if a browser DOES understand that element, it will expect to find a suitable file to load.
Please note that, if I can find a suitable work-around for the full-screen problem, we’ll be using this method on Nettuts+ in the near future!
learn, php, rss, tutorials
PHP Tutorials | No Comments »
March 12th, 2010
2daybiz Real Estate Portal allows you to launch a powerful and professional looking real estate portals with rich functionalities for the private sellers, buyers and real estate agents to list properties for sale or rent, search in the database, and show featured ads. The private sellers can manage their ads at any time through their personal administration space. Our Real Estate Portal includes special functionalities for real estate agents to list and manage multiple ads, affiliates to earn commissions from the earnings and from property ads posted through their links. It also comes with a powerful back office application providing all control over the website like structure management, templates, server side forms, detailed statistics and the real estate portal to the administrators.
rss
Free PHP Scripts | No Comments »
March 12th, 2010
2daybiz job search engine script eliminates your worry about searching for an employer. Our search engine software is an extensive and powerful script written in PHP that launches your own jobs search portal. It has a potential to fix results from 300 major jobsites in 18 countries & thereby indexing nearly 80,000 jobs per day. This fixed list can be indexed by category, location, positions or relevance in addition it can also be utilized as a job site. We provide you with the new features of major employment sites which enable the administrator to take full control over the website, structure and content management, detailed user management, and statistics Our job search script is built with a focus on increased ease for users and webmasters together. Get rid of worrying about your competitors, since fixing 80,000 new pages every day from major employment sites.
rss
Free PHP Scripts | No Comments »
March 12th, 2010
Advanced Poll is a polling system with powerful administration tool supports both text file and MySQL database. Its features include multiple polls, unlimited options, IP-Logging, IP-Locking, cookie support, comment feature, vote expire feature, and random poll support.
rss
Free PHP Scripts | No Comments »
March 12th, 2010
2daybiz Multi User Email Script enables you to start your own email website like gmail, yahoo mail, hot mail made in CGI/PERL, tested over linux servers. Its features include advanced spam filtering, RBL blacklisting, completely MIME compatible, contact list members filter proof, multiple skins, limit users outgoing mail sort inbox with several criteria, fully customizable via HTML templates, mod_perl compatible, new mail sounds, WYSIWYG mail interface, multiple tiered premium accounts, premium accounts using paypal & subscriptions, SMTP or send mail, functional calendar and scheduler, unlimited user folders, folder filtering email notifications of new mail, MySQL backend, backup, powerful admin panel, ban IP, advanced user editing, account suspensions, and user address book.
rss
Free PHP Scripts | No Comments »
March 12th, 2010
Package:
Summary:
Process uploaded image files
Groups:
Author:
Description:
This class can be used to process uploaded image files.
It can copy uploaded files to a given destination directory if the directory exists and is valid.
The class can also and crop and resize files that are images.
classes, rss
Classes | No Comments »
March 12th, 2010
Package:
Summary:
Generate code to show MySQL results using Flex
Groups:
Author:
Description:
This class can be used to generate PHP code to show MySQL results in a Flex application.
It can generate a Flex application definition for retrieving results of a MySQL query and displaying in a data grid presented using Flex.
The class can also generate the PHP code script that runs on the server side to execute and retrieve the MySQL results.
classes, rss
Classes | No Comments »
March 11th, 2010
In today’s episode, we are going to be working with several helper functions, related to files, directories, and downloads. We are going to learn how to read, write, download files, and retrieve information about both files and directories. Also at the end we will build a small file browser that utilizes jQuery as well.
Catch Up
Day 11: File Operations
learn, php, rss, tutorials
PHP Tutorials | No Comments »
March 11th, 2010
We recommend open source software whenever we can, and the Firefox browser from Mozilla is one of our favorites. Firefox 3.6 recently came out with persona support, allowing users to skin their browsers with favorite designs and brands. WordPress users everywhere seem to love the W symbol (at WordCamps it shows up on everything from t-shirts to iPhone skins), so it was only natural that WordPress personas would come along.
To kick it off, designer Chad Pugh created two WordPress personas based on the WordPress brand: “Vintage Press” and “Inkwell.” These two designs are a great way to show the WordPress love, even if you’re only showing it to yourself. 
 |
The “Vintage Press” Persona is inspired by the style of old-fashioned printing presses and the mechanics of working with type. This persona might appeal to WordPress developers and users who appreciate the way things work under the hood. |
| |
| “Inkwell” is more of a palimpsest* & watercolor hybrid that might appeal to the artists among us. Music, script and spills of color combine… |
 |
Okay, I’m starting to feel like an art critic so I’ll stop there. Check out the WordPress personas for Firefox and decide for yourselves.
* I never thought I would have occasion to use the word “palimpsest” in a dev blog post. Never.
rss
Uncategorized | No Comments »
March 11th, 2010
If you have a radio server, and need to show your information and wether the server is online or not, this script is for you. It is very simple to use as: Extract -> Edit scconfig.php -> Upload or Extract -> Upload -> use the installer ;) This script will evolve to a complete free shoutcast management frontend in the future... Join the revolution!
rss
Free PHP Scripts | No Comments »
