Although you can use Dreamweaver to insert video files directly into a web page, our best advice is to use one of the video-hosting services, such as YouTube or Vimeo. When you select Media from the Insert menu, you find multiple video and audio options. If you want to insert video files that are in one of the older and more proprietary formats, such as Windows Media Video. A small gray box containing a film icon appears in your design. The Video properties are displayed in the Property Inspector at the bottom of the screen. In the Source field in the Property inspector, enter the URL to your video file or select the Browse icon and then select a video file on your hard drive.
|Published (Last):||9 June 2012|
|PDF File Size:||5.75 Mb|
|ePub File Size:||4.68 Mb|
|Price:||Free* [*Free Regsitration Required]|
Although you can use Dreamweaver to insert video files directly into a web page, our best advice is to use one of the video-hosting services, such as YouTube or Vimeo. When you select Media from the Insert menu, you find multiple video and audio options.
If you want to insert video files that are in one of the older and more proprietary formats, such as Windows Media Video. A small gray box containing a film icon appears in your design. The Video properties are displayed in the Property Inspector at the bottom of the screen.
In the Source field in the Property inspector, enter the URL to your video file or select the Browse icon and then select a video file on your hard drive. After you selected the file, the path and filename appear in the Source window. If you want your video to play in all popular web browsers, you need to include the video in all three formats.
You see that all three source fields are filled in with videos in each of these formats. Additionally, you can include a Flash video for older web browsers in the Flash Fallback field.
This complexity is due to the lack of agreement among browser companies about what format is best for video. Another advantage of using Vimeo or YouTube, to host your videos is that you can upload a video in just one format, and YouTube and Vimeo convert it and deliver it in all these formats automatically.
Enter the height and width in the H and W fields, respectively, of the Property inspector. Save the page and click the Preview globe icon at the top of the work area to open the page in a browser, to ensure compatibility. Not all video formats will play in all browsers. Otherwise, your browser inserts a simple controller so that you can start, pause, fast-forward, and rewind the video.
A popular speaker, she's known as a "techy translator" who can make even the most complex concepts accessible. She's also the host of several training videos on web design, Dreamweaver, and CSS.
Learn more about her books, videos, and free tutorials at DigitalFamily.
How to Insert Audio and Video Files in Dreamweaver
Dreamweaver embeds YouTube footage when you place the videos in inline frames. You don't need much knowledge of HTML code to create these frames. YouTube writes the necessary code, incorporating any options you choose from below any published video. As a result, you can easily display externally hosted videos on your website. This saves you the bandwidth costs of hosting the videos yourself while allowing you the freedom to have your own website. Click the button labeled "Share" beneath the the video. Popup text will read "Share or embed this video.
How to Insert a YouTube Video into Your Web Page with Dreamweaver
This tutorial deals with how you can embed a YouTube video onto your web page using the Dreamweaver web editor. You can also use this same procedure to embed a video hosted with another video sharing service, such as those listed on the Free Video Sharing Services and Hosting page. This article assumes that you already know how to create a website using Dreamweaver. If this is not true, you may want to read the following articles first. Just read the one corresponding to the version you have. I will also assume that you have already uploaded a video to YouTube or some other video sharing web host. Go to the page where your video is displayed in YouTube, or whatever video sharing service you're using.
Embedding YouTube in Dreamweaver
Although YouTube is the most popular video website, many businesses choose Vimeo because it offers more exclusive and private video hosting options. Instead of hosting your video on your own web server, an increasingly popular alternative is to upload video files to YouTube, Vimeo, or another video hosting site and then include special code from that site in the HTML code of your web pages. Adding video from a site like YouTube to your pages is easier and often works better than inserting video directly into your site. The many video hosting sites today range from expensive high-end services, such as BrightCove and Akamai, which handle big video clients like The New York Times and Showtime to free services, like YouTube. WARNING: YouTube is a great option if you want your video to reach the widest audience for free but when you upload a video to YouTube, you give up some of your rights to your video in exchange for having it hosted on the site. Make sure to read through the terms and conditions on any video site you use so that you fully understand the rights to your own video you may be giving away and how the site may use your video in the future. Vimeo is becoming increasingly popular because it offers a reasonably priced professional level of service that makes it easier to control the rights to your own videos and offers the option of adding videos to your pages without the Vimeo logo or links to other videos on the site.
Dreamweaver/Hyperlinking & Embedding Media or Documents
HTML5 supports video and audio tags that allow users to play video and audio files in a browser, without an external plug-in or player. Dreamweaver supports code hints for adding video and audio tags. Live View renders the video, providing a preview of the video that you are embedding in the web page. Note: Although you can embed any video in your web page, Live View does not always render all videos.