Sign in with
Sign up | Sign in
Closed

I Want to Add an HTML Video Through Dreamweaver.

This Tutorial addresses:
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:

  1. Initialize the Photoshop program from the Start menu, using any account.

  2. On the interface, select File from the menu bar.

  3. From the drop-down list that appears, select Media.

  4. On the sub drop-down list that appears, click on HTML5 Video.

  5. On the interface, select Source Code from the section below menu bar.

  6. On the Code section, inside the Video tags, give the exact source of the video within the Source (src) tags.



  7. For e.g. <video width="320" height="240" controls>
    <source src="videos/mymovie.mp4" type="video/mp4">
    </video>

  8. Select File from the menu bar.

  9. Click on Save from the drop-down to save your changes.

  • In your Dreamweaver’s design section, you can view a grid showing the play symbol. The webpage will show an HTML5 video player. When you click on the play button on the video player, the video that you linked will be played. More than one videos can be selected from the source folder, and could be linked for playback. These videos will get displayed in a sequential manner.

    Note: While giving the path in the source tag, always remember to provide the complete and exact path of the file that is stored locally.
    Can't find your answer ? Ask !