HTML5 Video Tag Generator

Welcome to the Demo Blog Seocips

Hello and welcome
to my little HTML5 / CSS3 toolbox. My name is Pascal Bajorat and I‘m a Webdesigner and Developer based in Berlin Germany. I love the new HTML5 / CSS3 Standard and with this Toolbox I want to create an easy Tool for Developers to create Code.

Have fun, enjoy my Tools and save time…

Close this Dialog and never show it again...

HTML5 Video Tag Generator

With this little Tool you can generate the HTML5 Video Tag easily. You can use (optional) multiple video sources for a better browser support but one source is required. In the fields for pixel values ​​you only need to enter numbers, enter "px" is not required.

Format	IE	Firefox	Opera	Chrome	Safari
Ogg	No	3.5+	10.5+	5.0+	No
MPEG 4	9.0+	No	No	5.0+	3.0+
WebM	No	4.0+	10.6+	6.0+	No

Configure your Tag…

Video width: ?
Video height: ?
webM file: ?
OGG file: ?
MP4 file: ?
Preview Image: ?
Alternative Text: ?
Mute audio: ? noyes (muted)
Autoplay video: ? noyes
Show controls: ? noyes
Loop Video: ? noyes
Preload Video: ? noyes

Code Output

<video width="640" height="480" poster="preview.jpg" audio="muted" autoplay="autoplay" controls="controls" loop="loop" preload="preload"> <source src="video.ogg" type="video/ogg"> <source src="video.webm" type="video/webm"> <source src="video.mp4" type="video/mp4"> Your Browser does not support the new HTML5 Video-Tag </video>