I’m pretty sure, most of you watch videos on the Internet. For example pages like youtube, vimeo, or if we are talking about movie trailers, who doesn’t know Apple site? Currently your browser needs a plugin to play embedded video content. Sometimes it’s Adobe Flash Player, sometimes QuickTime player. But it’s still another program, that you need to install to watch videos. Maybe it isn’t a huge problem for users to install it but how many times I heard complaining about speed, navigation or performance problems. That’s why it’s good time to try something new.
The next release of HTML – HTML 5 includes new audio and video tags. I will focus on the new <video> tag. Yes, now we have opportunity to simple embed our video on the web page simply by using tag, just like we using <img>, ok it’s almost the same. I’ll be honest, it doesn’t work everywhere, but we still have alternative ways to embed video, like I said before Flash or QuickTime.
Let’s start, we will make our first movie to embed it in new tag. For example we can use simple Firefox plugin, called Firefogg. After installing we can start encoding our video. On the main page you will find link: “Make Ogg Video”. Choose you file, after that you will see a few section, when you can customize your encoding process. I won’t describe here all options, I think everybody can handle that without any problems. After that click “Save Ogg” to save your new ogg video. Encoding process will start. When this process is complete you will see ogg version of your video.
Now it’s the moment to embed this video on your webpage, don’t worry, It’s really simple. All you need to do it’s to use this code:
<video src=”your_video.ogv” controls=”controls”>Your browser does not support the video tag!</video>
After that you should see your movie in special player, different in different web browser. You can always go back and play with options in Firefogg to create the best video file, quality versus file size.
Here you can see our small example:
I show you the basics of this whole process, for more information you should go here.
You can also go to Vimeo and see it live in big project. For some movies you can switch to HTML5 player (instead of Flash). Just click link, lower right under movie. And you can decide what is the best for you right now.
Share on Facebook