Back to Top
The nuts and bolts for
Creative web development

HTML5 Video Player

“Meet the Future of Web Video!”

Meet the present and future of HTML5 Video - the HTML5 Video Player Dreamweaver extension! DMXzone's plug-in free, easy to use and fast video player is ready to shows off the potential of HTML5 internet revolution. With a full browser compatibility and special support for iPad/iPhone it's a great tool in creating stunning pages.

Packed with four amazing skins, fullscreen option and built-in support for Vid.ly encoding and YouTube it marks the beginning of a new era in Web design. Of course, for the easiest implementing on a website, there's a super simple Dreamweaver UI to lead you through the process. Based on jQuery and the great open source video player Projekktor, the HTML5 Video Player guaranties a fully compliant HTML5 video in all browsers.

Overview

Features Highlight:

  • Support for all HTML5 Video formats needed for the different browsers - In order to play your HTML5 Videos on every browser, device or even consoles, you can use Miro Video Converter (WebM + OGG)the still beta service Vid.ly (all formats) or HandBreak (MP4) to convert your videos.
  • Built-in support for Vid.ly - This service is still in beta test but it allows you to point your video and get a unique link that supports any browser, device and console.
  • Choose from the many included HTML5 Video Player skins - All made in regular CSS so you can edit or create your own.
  • Video URL from a Dreamweaver database/recordset - You can choose file from a database/recordset.
  • Works great on iPad and iPhone - The HTML5 Video Player uses the native HTML5 video control and works great on iPad and iPhone!

Features

  • Support for all HTML5 Video formats needed for the different browsers - In order to play your HTML5 Videos on every browser, device or even consoles, you can use Miro Video Converter (WebM + OGG)the still beta service Vid.ly (all formats) or HandBreak (MP4) to convert your videos.


  • Built-in support for Vid.ly - This service is still in beta test but it allows you to point your video and get a unique link that supports any browser, device and console.
  •  Choose from the many included HTML5 Video Player skins - All made in regular CSS so you can edit or create your own. 
  • Playlist support - You can add as many videos as you want in a playlist and the prev/next button automatically appear on the video player skin.
  • Video URL from a Dreamweaver database/recordset - You can choose file from a database/recordset.
  • General Poster - We've added a default poster that is visible before the video starts.
  • Allow Fullscreen - the videos can be previewed on fullscreen.

  • Auto Play - The video can load automatically once the website is open.

  • Loop - The loop offers you an endless repeat of the video playlist.

  • Controls - Easy to navigate controls to stop, pause, mute, control the volume, play next and previous.

  • Enable Keyboard - By enabling it you can also navigate the video with your keyboard.

  • Auto Next - The player loads automatically the next movie in your playlist.
  • Works great on iPad and iPhone - The HTML5 Video Player uses the native HTML5 video control and works great on iPad and iPhone!
  • Flash Fallback - Thanks to the DMXzone clever use of feature detection and fall back you can preview it even on ancient browsers.

  • Great Dreamweaver Integration - Interactive dialog in Dreamweaver with all the options you’ll need.



  • An inline property inspector - The property inspector enables you to change several options after you’ve created the video player.
  • Fully Controllable by behaviors - You want to navigate to specific position, start or stop the MP3 Player - it can be easily done with the Control HTML5 MP3 Player behavior.


  • Search Engine Friendly - HTML5 Video Player is made in just HTML5, CSS and jQuery. It can be nicely indexed by all search engines and web spiders.

  • Fully cross-browser compatible - Create stunning Video Players even in Internet Explorer thanks to the DMXzone’s clever use of feature detection and fall back.
     

Showcases


  • Movies Subscription Service

    For this showcase we designed a per per view movie service where the movie trailer is created with the HTML5 Video Player extension.

  • Stunning Landing Page Design

    Today's showcase is an astonishing way of presenting your products or services with a simple, but stunning landing page. With the use of HTML 5 Video Player for background video and Advanced CSS ...

  • Trailer Showcase

    We used our HTML5 Video Player to implement a video on our page which is set to autoplay. We also added some additional information about the movie and four images of the actors below the trailer.

  • Movie Trailers Showcase

    For this showcase we made a simple page and added four video trailers with our HTML5 Video Player. The videos are embeded from Youtube.

  • Facebook Video Presentation Showcase

    For this showcase we designed a Facebook Fan Page with our Dreamweaver extension of the same name. The video presentation is executed with the HTML5 Video Player and wrapped up in a HTML5 Parallax ...

  • HTML5 Video Player with Shadows Showcase

    In this showcase you can explore the improved support for the latest YouTube player functionality and present your videos in an awesome way. We also added DMXzone CSS3 Drop Shadows to the player ...

  • Product Features Page Showcase

    For this showcase page we used a customized Universal CSS Navigation Menu, Universal CSS Transforms: Translate(free extension) to slide up the HTML5 Video Player upon page load and the HTML5 Video ...

  • HTML5 Video Player Showcase

    In this showcase you can see how easy it is to embed a YouTube video in the HTML5 Video Player that runs smoothly on all modern browsers.

  • HTML5 Video Player and YouTubizer Showcase

    We placed four thumbnails for the videos that will be displayed in the HTML5 Video Player. The images are binded with the player through the Behavior menu (Control behaviors) and whenever clicked ...

  • HTML5 Video Player Showcase

    In the showcase we simply added two separate videos in a playlist, the first containing our commercial and the second the actual video. Also from the HTML5 Video Player user interface you can forbid ...

  • HTML5 Video Player & Sliding Menu Showcase

    For this showcase we used the Behavior connector in order to bind the Sliding Menu with the HTML5 Video Player so that the menu can navigate the player. We also cataloged our videos with images and ...

  • HTML5 Video Player Showcase

    For this showcase we used 3 video formats: mp4, webm and ogv so you can preview the movie trailer on all modern browsers as well as the ancient ones (such as IE6), thanks to the smart flash fallback.

  • Custom Video Controls

    In this showcase we used mapped regions in order to connect the remote control with the Video player through the Control behaviors. You can connect any element on your website to the player as ...

  • HTML5 YouTube Video Player

    We placed four thumbnails for the videos that will be displayed in the HTML5 Video Player. The images are binded with the player through the Behavior menu (Control behaviors) and whenever clicked the ...

Videos


Requirements

Type: Behavior
License: External link
Product: Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC
Platform: Win XP/2000/2003/2008/7, Mac OS X, Mac OS X 10.4+
Browser: Opera 9, Safari 2.0, IE 7, Firefox 3.6+, Opera 9.5, Safari 3, Chrome 9+, IE 8, Safari 4+, Opera 10+, iPad, IE 9
Screen Shot: Details...
Tags: html5, video, player, dreamweaver, iphone, ipad


History

Version 1.0.6

  • Full Dreamweaver CC and Extension Manager CC support
  • Included new Behavior Connector with restyled UI and better Mac OSX Support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility

Version 1.0.5

  • Improved video playback on older IE browsers
  • Improved styling of all video player themes
  • Many other minor improvements and browser compatibility

Version 1.0.4

  • Greatly improved HTML5 video play for iOS, Android and Native HTML5 cross browser compatibility
  • Improved YouTube videos player to support the latest YouTube player functionality
  • Improved source file compression for faster loading
  • Included jQuery 1.7.2
  • Improved Dreamweaver CS6 compatibility
  • Improved installer for Dreamweaver CS 6.1 (Adobe Creative Cloud) compatibility

Version 1.0.3

  • Greatly improved YouTube support! Included support for the latest Youtube API! Movies play now greatly on all devices and the control bar now appears nicely on top of the movie when played in HTML5 mode
  • New Full Screen modes - now the player takes full advantage of the new Chrome & Firefox 10 native full screen modes.
  • Various improvements in the supplied themes
  • Many improvements in HTML5 video playback on iOS devices
  • Improved Dreamweaver integration
  • Improved extension installation for DW CS 5.5+

Version 1.0.2

  • Two new player skins included hall2 & cybergraf
  • Latest Projekktor II version included with many HTML5 fixes and improvements for even better iPhone/iPad support and HTML5 Video play
  • Various optimizations for playing YouTube videos on mobile devices like iPad/iPhone
  • Improved depended file include and linking
  • Improved working in Dreamweaver templates
  • Latest jQuery 1.6.3 included

Version 1.0.1

  • Added DMXzone YouTubizer for quick movie pickup possibility
  • Support for Advanced Tooltips trough the Behavior Connector
  • New options to disallow skip or pause for specific video. Very useful for commercial intro movies in a playlist
  • More checks on video types and selections
  • Improved playback of YouTube videos on iPad
  • Improved onChange event for the behavior connector
  • Improved interface

 

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com, which is visited daily by more than 30.000 people and is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article