How to center or format embedded youtube video in Dreamweaver CS4?

I'm pretty new at using Dreamweaver, but I created a website that I would like to embed a youtube video in.
I've got the embedding part down-- copying code-- but it doesn't format. I have a couple of APDivs at the top of the page, and I'd like the video to be embedded in the center of the page.
The problem is, no matter where I place the embed code, the video ends up at the top left of the page, under the APDivs.
How can I fix this?

First, don't use APDivs as your primary layout method. This seldom works well, here's why:
http://apptools.com/examples/pagelayout101.php
Build your markup logically from top of page to bottom.
Use default CSS positioning (unspecified or static) to keep your content within the normal document flow.  APDivs are removed from the normal document flow.
Use CSS margins, padding and floats to align elements where desired.
See this demo.
http://alt-web.com/TEMPLATES/2-col-fixed-flash-holder.shtml
To center elements on screen, you need 3 things:
     1) a valid document type.  DW does this for you when you create a new page.
     2) a container width in pixels, ems or %.
     3) margin-left and margin-right of 'auto' (browser defaults).
CSS:
     #video {
     width: 500px; /**adjust width as req'd**/
     margin: 0 auto;
HTML:
     <div id="video">
     YouTube embed code goes here
     </div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

  • Embedding youtube video with CS4? {subject edited by moderator}

    I am trying to embed a youtube video using Dreamweaver cs4, but it seems to be missing a plugin. I have a flash on my laptop (pc). How do I get this to work to where it will show because all I keep seeing is a white or grey box when I embed the code. I've seen many videos of people doing it and theirs worked just fine, but mine will not load.

    Hello,
    in addition to Ken's hint, firstly, a general remark, please use a file type that the most of the users can view.
    What concerns embed a video, please have a look there (and other examples of w3schools.com) HTML YouTube Video
    I f you prefer to learn by video, see here:
    http://www.youtube.com/watch?v=0ypkjILSxUA
    http://www.youtube.com/watch?v=00-6oCYslGA
    Good luck!
    Hans-Günter

  • When I click on an embedded Youtube video at many sites I get the following message: "An eror occured. Please try again later". How do I fix this? Thank you - Simon

    As above. I get "An error occurred. Please try again later" when clicking on an embedded youTube video

    As above. I get "An error occurred. Please try again later" when clicking on an embedded youTube video

  • Embedded youtube videos will no longer play in Powerpoint 2010

    Since upgrading to Flashplayer 11, I can no longer play embedded youtube videos in powerpoint 2010.  I get the error message that I have to upgrade Flashplayer.  I have performed several clean installs, yet I continue to get the same error message stating that I have to upgrade Flashplayer.  How do I correct this?

    i know right here is one fix if u got 2010 powerpoint  youtube did some changes thats not compatable with it . 1 way around it that might work for you is within the use old embeded code  were it says version=3 change it # into 2 insted of 3. do this in both appeareances.
    example   <object width="1280" height="720"><param name="movie" value="http://www.youtube.com/v/1rcqwRgVvvw?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/1rcqwRgVvvw?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="1280" height="720" allowscriptaccess="always" allowfullscreen="true"></embed></object>
    change the #3 to the #2 thats it. then paste it in your powerpoint insert video from web.

  • Embedded Youtube Video's not Playing in Web Viewer

    I have several YouTube videos embedded in my folios. They all play fine when being viewed in the app, but if the folio is shared (by any channel) and viewed in the web viewer these videos won't play. Instead the user is greeted by this error:
    Not found
    Invalid character in path
    I know that other apps using embedded youtube videos are playing just fine in the web viewer (I check out Wired) so I'm curious why mine are broken.
    Any thoughts?

    This streaming YouTube example works fine in DPS Tips web viewer:
    http://contentviewer.adobe.com/s/DPS%20Tips/7f80a0ffed3a4ff08734bc905aac4a29/Advanced_Over lays/29_Video_Stream.html
    Here's the embed code I used:
    <iframe width="640" height="360" src="http://www.youtube.com/embed/QV1UZ-88HeE?rel=0" frameborder="0" ></iframe>
    Are you using the same embed code format for your overlay?

  • Dreamweaver CS6: Embedding Youtube Video causes DW to stop responding

    HI,
    I'm trying to build a simple site that displays an embedded youtube video on the main page. The video is placed in a div tag that is placed in a specific spot on the page background to make it appear as if it's playing on an old PC that's part of the image. I paste the code into the div tag in the code view and it appears as a grey box in design view. Everything seems fine up to there, however when I click live view DW CS6 stops responding and the design view window goes white. I've tried pasting the video embed code into my other page, and into a blank html document to see if it was a problem with the rest of the code but the same thing happens on any of the pages. If I save the page and preview in Chrome or Firefox the page displays the windows loading cursor for a few minutes and then returns a youtube error 6 (ERR_FILE_NOT_FOUND).
    I spent a few hours researching and found nothing via Google searches, Adobe help or Lynda.com tutorials. I'm new to web design and CSS and got as far as I did through Lynda.com lessons. Which is to say I have an index page and a seperate game guide page that links back and forth displaying images and text exactly as I'd like. Everything else works well enough only the video embedding is giving me trouble which is frustrating because according to everything I've read it's supposed to be one of the simplest processes.
    I'm really at a loss as to how to fix this issue and would appreciate any help the Adobe community can give me.
    Thanks in advance.

    Good to know,
    I fixed the problem but I'm not exactly sure why this worked. I went to a different site that uses Youtube hosted videos and tried their embed code which appeared the same to my untrained eye. But to my surprise this other video worked perfectly, so I just put the url for my video in and it worked. I'm not sure why, as far as I can tell both embed codes are the same. Both use <iframe> tags. But it works now, suffice to say I've gained some respect for the people who do this stuff day to day.

  • Embedding youtube videos on my DM created site

    I am having problems embedding Youtube videos in my
    website create with DM.
    I successfully embedded one video clip at
    photoresources-sf.com/equipment/html (I shot the clip)
    When I attempted to add more youtube videos, I could not make
    it happen. I followed the instructions. and when I placed the embed
    code in the code area of my site the embed code text color was all
    black and the code showed up in the table on my page.
    When I started up DW today I received a dialog box that
    states
    "this page contains <object> tags that may not work
    properly in the most recent versions of IE. DM cannot convert the
    <object> tags!"
    Does this mean I can not embed my videos or other videos from
    youtube on my site?
    How can I get around this problem?
    thanks,
    confused bill

    I think the website is
    http://www.photoresources-sf.com/equipment.html.
    Just had a look and the video is loading okay for me. I remember
    having the same issue with a child page of a template - but I
    simply ignored DW's prompt each time. Not sure the pros will see
    that as the best solution thos :p

  • FireFox no longer displays embedded Youtube videos in WordPress blogs - Even the Youtube videos no longer display on the YouTube website!

    Since yesterday FireFox no longer displays embedded Youtube videos in my WordPress blog - Even the Youtube videos no longer display on the YouTube.com website!

    Go here please, and post your concern. We are trying to show how widespread this issue is:
    Youtube videos not playing on standalone Safari browser iOS 8

  • Embedded YouTube videos do not play on my Mac Mini

    Embedded YouTube videos don't play in non-YouTube web pages.  I can click the link in the top of the video to be taken directly to YouTube, and I can watch the video there, but when I click the big Play button in the middle of the video window, I just get a black rectangle.
    I tried uninstalling Flash player as suggested in another thread, rebooted my machine, and reinstalled Flash player, but that did not fix the problem.  This is a non-Flash player problem that Apple should look into.  I have not tried this on other browsers to see if I have the same problem there or not, as I do not use other browsers besides Firefox.  I would rather not have to use another browser just so that I can watch embedded YouTube videos.  I would prefer if Apple (or another knowledgeable user) can post the solution to the problem.  Thanks!

    In Firefox, click Tools>Add-ons. Make sure the Shockwave Flash plugin is enabled and "Always activated".
    If that fails, see: How to perform a "clean install" of Flash Player in Mac OS X  in the Adobe Forums. That will clear out the pluigins and allow a fresh install with the new plugin.

  • Embedded YouTube videos don't work on Safari on the iPhone.

    Sometime after June 15, 2013, embedded YouTube videos stopped working on web pages on Safari on the iPhone (iOS6).   They work on Safari on the Mac and they work in the iOS YouTube app.   I see the preview frame and the play button, but when clicking the play button, the frame goes black and nothing ever plays.    This worked up until 6/15 and the pages haven't changed.      Did Apple do something to stop them from working on the iPhone recently?

    You may have turned off an option in Flash preferences to not allow sites to store Flash cookies on your machine. Some videos made in Flash and served from third-party (non-YouTube) pages expect to be able to store Flash cookies, so the videos may not work with this Flash option turned off.
    Go to [https://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager03.html Flash Global Storage Settings Panel] which is served from Adobe/Macromedia's site and check the "Allow third-party Flash content..." box, and the box for "Store common Flash components..." where you can then manage sites you have already visited. You'll have to reload the video page after you change this setting.
    Also, leave site feedback on those sites where you experienced the problems encouraging them to use HTML5 for serving video content instead of the proprietary Flash format.

  • Need plug in to display embedded youtube videos in forums

    Since i installed mozilla (after pc format) i cannot see embedded youtube videos in my website. In fact, on every
    embedded video i get thisQ (see screenshot plz) http://gyazo.com/69469217f25d5e3f9b90d645fab7904b
    so which plug in is needed for this?

    Update your Flash Player '''Version 17.0.0.169<br>https://www.adobe.com/products/flashplayer/distribution3.html'''
    See if there are updates for your graphics drivers
    https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration

  • Embedded youtube videos from accordion panel

    I'm trying to get embedded youtube videos to pop in from accordion panel
    the accordion panel would have the 'titles' with descriptions displayed when clicked on, and there in the description would be a link to make the embedded youtube clip appear beside the panel.
    go to each accordion panel selection and get a different embedded video to play.
    anybody know if that can be done and how ?

    Thank you for the suggestion,
    I already did try that, but didn't work.
    However after watching your swf, I figured out I must have had the wrong 'aspects' active when I was putting my embedded code in, so the results were all over the place.
    So I tried it again by your steps, and it does work, -- thankyou !  -- except for one thing.
    If the watcher does not finish or stop or pause one video before playing another, both videos are playing, even though one of them is 'hidden' in the closed panel, which is ok if there's no audio, however if they both have audio, the audio track of both play back.
    Darn, I don't think most people would realize if they don't finish a video before watching another, they have to manually stop the currently playing video before playing another.
    Even if I was to include instructions to say so.  :-(

  • AirPlay fails on embeded youtube video (livestream) from New iPad to Latest gen AppleTV.

    Hello,
    I just purchased a new Apple Tv (03/24/2014) and tried to airplay an embeded youtube video from Safari and Chrome on my iPad and received an error. Airplay is working fine from the youtube app, and other apps as well. I've done some poking around and wasn't able to find any concrete answers as to why it's not working. Apparently this used to work prior to sometime in August (not sure exactly when) of 2013. Any helo would be much appreciated are this is one of the main reasons I purchased the Apple Tv.

    Hi IntroMike.
    Take a look at this URL in the XBMC forum.
    http://forum.xbmc.org/showthread.php?tid=179961&page=36
    This discusses the issue you are seeing. It seems to be specific to the Youtube app and some embeded videos.
    There is no known solution at this time apparently.

  • Embedded Youtube video is not playing in PDF while it is playing in Adobe Content Viewer - Indesign CC

    Hi,
    as a newby to DPS with Indesign CC, I'm currently working on a catalog that contains internal jumlinks and embedded youtube video's.
    All works fine in preview (Folio Overlay > Preview on desktop).
    Then I export to Adobe PDF (Interactive).
    When I open the PDF the internal links work just fint.
    But the Youtube video is not popping up.
    To embed the video I've inserted this code: <iframe width="640" height="360" src="https://www.youtube.com/embed/6EXxtnTOnqA?feature=player_detailpage" frameborder="0" ></iframe>
    And I've selected 'autoplay' in the Folio Overlays
    So what am I missing here?
    Thanks for you help,
    Dimitri

    Hi Bob,
    Like I said I'm a Newby, I even don't really understand what you mean with this.
    I'm working in de Digital Publishing toolset (I thought that was DPS).
    I use Folio Overlays over the embedded youtube code, with autoplay on.
    Than I export to PDF interactive, but neither Adobe reader, nor Preview is showing the vid.

  • Flash Player w/embedded YouTube videos in PPT 2010

    Embedded YouTube video won't play in PPT2010; error message says newer version Flash player needed (newest alreadt installed).

    Yes, I have the latest version installed.  I finally discovered yesterday that evidently YouTube has made a change to their coding in the past week, and there is now a double entry of code that I must delete before the embedding works correctly ... at least until there is a fix.  Thanks.

Maybe you are looking for

  • HP PSC 750 - not working on Leopard 10.5.1

    Following some previous advice I saw upon encountering this problem, I deleted and reinstalled the original HP drivers (from the HP website). This fixed it, for a short while. But within days or even hours, the printer stops working again completely:

  • Two or more TV's

    I have a TV in the lounge and one in the bedroom. Is it necessary to have 2 vision boxes or can I just use the one? If I do need another box how can I get one? In anticipation, many thanks, Bralun

  • Setup Experience with Boot Menu Policy.

    Windows Server 2012 has full boot menu in both osloader and resume applications providing the same secure boot features that are appreciated in Windows 8. It is the setup of the installllation program that deprives us of an opportunity to automatical

  • I have a MacBook Pro and I'm having problems with it overheating, is there anything I can do to keep it cooled down?

    I am a new Mac owner, and I'm currently stationed in Kuwait.  My MacBook gets super hot on the bottom and it's performance starts to degrade.  The weather here is in the mid 80's now, I can only imagine this problem will get much worse once the temps

  • Eyedropper question

    When I click the Hand icon and try to use the eyedropper tool in my Hue and Saturation Properties panel, that panel disappears as soon as I click the eyedropper on the image. Also, the eyedropper does not do the function that it apparently should: al