The JW Player for HTML5 leverages new technology within modern web browsers to playback video without the need for plug-ins or add-ons. It has the potential to improve both user experience and performance. The JW Player is currently one of the most popular open source video solutions on the web, and it offers seamless fallback support for JW Player for Flash. READ MORE »
Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element. It falls back to Flash automatically without the use of JavaScript or browser-sniffing. Therefore, it works in RSS readers (no JavaScript), on iPhone READ MORE »
Akamai has released a new Open Video Player for HTML5 <video> developer toolkit, aimed at simplifying the task of creating flexible HTML5-based video player applications for delivery of HTTP content. This comprehensive toolkit provides developers with a code library READ MORE »
YUI HTML5 Player is a YUI 3 widget that creates a video player using the HTML5 video tag and JavaScript based on YUI 3. It was started as entry to the YUI 3 Gallery Contest in March 2010.You can get this HTML5 player in 3 easy steps. It provides full JavaScript/HTML/CSS UI READ MORE »
SVG stands for Scalable Vector Graphics. It is a family of specifications of an XML-based file format. SVG is used for describing two-dimensional vector graphics, both static and dynamic (i.e. interactive or animated). An SVG document can define components including shapes, gradients, etc.
Although the canvas element is the big news in HTML5, an old friend in the form of SVG has also joined the ranks of the new technologies. HTML5 allows you to embed SVG in your documents to create highly interactive animated effects by directly using <svg>tag.
In this post, we collect 15 video related HTML5 SVG examples for inspiration of your web developing project. Hope you will find it useful.
1. Styling a video using an external SVG resource as a mask
Written by <head>
<title>Guide to HTML5 video: chapter 5: example 1</title>
<style>
.target {
mask: url("code_c5_1.svg#c1");
-webkit-mask-box-image: url("code_c5_1.svg");
}
</style>
</head>
FlareVideo is a jQuery-powered HTML5 video player. It is completely free for you to use as it is open source completely. This video player looks great as a standard design. The great thing about it is that you are free to customize them using CSS/HTML and JavaScript. This means READ MORE »