How to Embed a YouTube Video Around Text in Dreamweaver CS3

Save

YouTube is an online video website used for viewing and uploading videos. YouTube provides users with the ability to copy videos and embed the video's HTML source code into their websites, blogs, or web pages. Adobe Dreamweaver CS3 is a program that is used for creating web pages. Web designers can create sophisticated web pages using Dreamweaver and include images and text with embedded YouTube videos. Embedding a YouTube video in a Dreamweaver web page takes but a few simple steps.

  • Open your Web browser and go to YouTube's website (see Resources).

  • Locate the video you would like to embed in Dreamweaver and click on it to play.

  • Click the "Share" button below the video. Click the "Embed" button. Make a selection for the width and height of your video.

  • Click in the embed box to select the Video's HTML source code. Right-click and select "Copy."

  • Open Adobe Dreamweaver CS3. Write your content and text. Click "View" and then click "Code." This gets into the code window.

  • Position your cursor where you would like the video to show around the text and paste the video's HTML source code in the Dreamweaver's code window.

    Example of similar code:

    <html>

    <body>

    this is some text examples

    this is some text examples

    this is some text examples

    <iframe width="640" height="390" src="http://www.youtube.com/embed/########" frameborder="0" allowfullscreen></iframe>

    this is some more text examples

    this is some more text examples

    </body>

    </html>

  • Click "View" and then click "Design" to view your web page in design view.

  • Click "File" and then "Save As." Give your web page a name and click "Save."

  • Click "File," "Preview" and select to preview your web page with your YouTube video in your Web Browser. Make sure the video is positioned correctly and that it plays.

References

Promoted By Zergnet

Comments

Resources

You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!