I Want to Add an HTML Video Through Dreamweaver.

Video Web Development Dreamweaver
By See all their Tutorials
Dreamweaver is Adobe’s web development and assistance tool. Dreamweaver combines the functionality of a text editor with a full-fledged development IDE. With easy-to-use functionality, Dreamweaver becomes quite useful and handy while creating webpages.

The web is evolving day-by-day with improved functionality, and the interfaces like audio and video are improvised on webpages. The webpages have changed their orientation from being static and stationary to more dynamic and versatile.

To keep your webpage up to date and functional, you require some extra space on your page to hold videos and audios so that your page remains more interactive and functional.

If you have any video whose content which seems useful for your website, you need to embed the file on your webpage with the help of HTML5 video playback functionality that is provided through your Adobe Dreamweaver application.

The embedded video player of HTML can be implemented on your webpage, and the linked video will be played back upon interaction. The linked video has to be stored on the local host or on your hosting domain.

If you wish to add video on your webpage using the Dreamweaver application, you must follow the below described procedure to do so:

  • Initialize the Photoshop program from the Start menu, using any account.
  • On the interface, select File from the menu bar.
  • From the drop-down list that appears, select Media.
  • On the sub drop-down list that appears, click on HTML5 Video.
  • On the interface, select Source Code from the section below menu bar.
  • On the Code section, inside the Video tags, give the exact source of the video within the Source (src) tags.
  • For e.g. <video width="320" height="240" controls> <source src="videos/mymovie.mp4" type="video/mp4"> </video>
  • Select File from the menu bar.
  • Click on Save from the drop-down to save your changes.