Insert HTML 5 videos in Dreamweaver CS4

I use Dreamweaver CS4. I would like to insert html5 videos on my website. So far I have only used flash videos but I would like to make my videos available to mobile phone and ipad users. Can I download an add-on or do I have to upgrade my version of Dreamweaver?

It might help to use an HTML5 doc type, too.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Video</title>
<!--help for older IE browsers-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
video {max-width:100%}
</style>
</head>
<body>
<!--begin video-->
<video width="500" height="325" poster="Your_poster_image.jpg" controls>
<!--these are 6 sec sample videos for testing purposes. Replace sample-videos with your own video files-->
<source src="http://techslides.com/demos/sample-videos/small.webm" type="video/webm">
<source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
NOTE: If you see this, you're using an outdated browser that doesn't support  the video tag. </video>
<!--end video-->
</body>
</html>

Similar Messages

  • Insert HTML 5 Video

    I am attempting to insert an mp4 video file. Several tutorials show a drop down menu for "insert html 5 video." This is not an option in my updated version of CS6. All assistance is greatly appreciated!

    Reed Media Group wrote:
    I am attempting to insert an mp4 video file. Several tutorials show a drop down menu for "insert html 5 video." This is not an option in my updated version of CS6. All assistance is greatly appreciated!
    That particular menu is only available in the Cloud Subscription version of DWCS6. If you have a perpetual license version, you do not get the menu updates. Here is a good reference for HTML5 <video>...
    http://www.w3schools.com/tags/tag_video.asp
    Keep in mind, you need more than one file type to cover all browsers.

  • What are common HTML bugs generated by Dreamweaver CS4 itself?

    When a link works in browser but fails on server where do you start looking for the cause of problem and its possible solution? What are some of the common HTML bugs that are often generated by Dreamweaver CS4 itself? What are some of dos and don'ts when you are making corrections in the code page? Thank you for your response.

    When a link works in browser but fails on server where do you start looking for the cause of problem and its possible solution? What are some of the common HTML bugs that are often generated by Dreamweaver CS4 itself? What are some of dos and don'ts when you are making corrections in the code page? Thank you for your response.

  • 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

  • Adding a video into Dreamweaver cs4

    How do you add a video to your site
    I really need help i cant find a video for it on youtube.
    Thanks for help

    Add your video to YouTube and paste the embed code into your site where you want the video to be.
    If that's not what you want then you have to put a little effort into your posts to let others know exactly what you're trying to do because we're not mind readers. There are several different ways of adding video to your site depending on the format. Usually doing a google search will find the code you're looking for. For instance googling the term insert (your video format here) video will most likely query a first page hit containing instructions and code for how to add your video to a website.

  • Keeping the Video Clip Controller Bar in Dreamweaver CS4

    Hello Everyone-
    Here is my question:
    I created on quicktime video on iMovie '08. You know the controller bar at the bottom of the video with the pause and forward arrow, etc. Well, it shows up on the quicktime video. However, and here's the problem, when I uploaded the video onto Dreamweaver cs4, the video uploads but NOT the controller bar so there is no way of stopping or playing it on the website. I've searched tons of solutions online but cannot find one that works.
    Any info about solving this problem would be greatly appreciated.

    Hi,
    I did a search of these forums for " premiere pro cs4 avchd problems " and got quite a few threads ( posts ) to read ...
    apparently cs5 handles avchd better than cs4.  maybe you could provide some basic info about your computer specs and I think Jim Simon knows a LOT about avchd and cs4....now that youve posted what camera you have maybe he can help you out....
    typically you would match your sequence settings with the asset you are using...
    I think the latest patch to cs4 works better than the version out of the box...
    good luck...sorry that I have no experience with avchd or your camera

  • Problem Inserting Flash Video (.flv) File in Page Using Dreamweaver CS4's Insert Media Command

    I am using Dreamweaver CS4.
    I am attempting to put a Flash Video (.flv) file on a standard HTML page in Dreamweaver.
    When I either click the Insert Flash Video in the Common tab on the Dreamweaver toolbar, or if I choose Insert > Media > FLV to inert the video, I get the standard Dreamweaver FLV interface. I make my choices, click OK, and when the video is place on the page, I get the following dialog box:
    "While executing inspectSelection in flvProgressive.htm, a JavaScript error occurred."
    with an OK button.
    If I preview the page, all that loads are the various buttons of the skin that I have chosen and no video.
    Anyone have an idea what is going on?
    maylandmac

    Are you sure you aren't working with a template driven page?
    When you insert media files into DW, it must write code in the <head> tags to reference Scripts necessary for Flash media to work on the web. 
    If you're working with a page that was created from a Template, the DWT page must have editable regions in the <head> tags, or you won't be able to add media to your web pages.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • How to insert a lightbox gallery widget in dreamweaver cs4

    I have dreamweaver cs4.   . I've customized the lightox gallery widget in  adobe exchange.  I have a saved html page in a defined site into which I'd like to put the widget.  I tried dragging the widget into an html page in dreamweaver cs4 but it did not work.  Under "Insert" I don't see the option to insert a widget.  How do I get it there?
    Thanks so much.

    This video should tell you all you need
    http://www.youtube.com/watch?v=_Vv0QVP2CzE

  • Dreamweaver CS4 Can't Insert F4V only FLV?

    I was hoping for a quick way to insert H.264 HD video into
    web pages with CS4 Dreamweaver, but apparently the Insert -->
    Media command only recognizes FLV file types, not the F4V files
    produced by Adobe Media Encoder from H.264 HD video.
    Others on the Internet are saying to rename the .F4V to .FLV.
    Indeed, Dreamweaver will then allow you to insert the video with
    Insert --> Media. Is this OK?
    Does anyone know a fast way to insert F4V's into Dreamweaver
    pages? One nice feature of the Dreamweaver insert of regular FLV's
    is it keeps track of which folder you put the video in and
    correctly changes the relative file paths when you upload to a web
    server. When you insert a SWF & Video created with Flash,
    there's usually headaches with the file paths being off unless you
    put all the files in the same folder as the HTML page calling them,
    which isn't practical for large sites with many videos. Or edit all
    the files, a bigger pain.

    > When you insert a SWF & Video created with Flash,
    > there's usually headaches with the file paths being off
    unless you put all
    > the
    > files in the same folder as the HTML page calling them
    That's easily solved by using ROOT RELATIVE links to the SWF
    and Video
    rather than document relative ones.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "AtlantaJon" <[email protected]> wrote in
    message
    news:gjpct3$fs8$[email protected]..
    >I was hoping for a quick way to insert H.264 HD video
    into web pages with
    >CS4
    > Dreamweaver, but apparently the Insert --> Media
    command only recognizes
    > FLV
    > file types, not the F4V files produced by Adobe Media
    Encoder from H.264
    > HD
    > video.
    >
    > Others on the Internet are saying to rename the .F4V to
    .FLV. Indeed,
    > Dreamweaver will then allow you to insert the video with
    Insert --> Media.
    > Is
    > this OK?
    >
    > Does anyone know a fast way to insert F4V's into
    Dreamweaver pages? One
    > nice
    > feature of the Dreamweaver insert of regular FLV's is it
    keeps track of
    > which
    > folder you put the video in and correctly changes the
    relative file paths
    > when
    > you upload to a web server. When you insert a SWF &
    Video created with
    > Flash,
    > there's usually headaches with the file paths being off
    unless you put all
    > the
    > files in the same folder as the HTML page calling them,
    which isn't
    > practical
    > for large sites with many videos. Or edit all the files,
    a bigger pain.
    >

  • Getting streaming video set up in Dreamweaver CS4

    I want to use streaming videos instead of progressive download.
    How is this done with Dreamweaver CS4?
    When I click on the Insert media>FLV it brings up a dialogue box which allows you to choose from Progressive Download or Streaming.
    If I choose streaming, I'm presented with a Server URI box prefixed by rtmp://
    I don't have a specific Adobe Flash Streaming portal, but I'd set up the MIME type for flash streaming with my internet provider (1&1) a couple of years ago, and I've used streaming video lots of times without problem (had put that together in Flash, though, not Dreamweaver).
    so if my site is:  http://www.mySite.com
    and my video is myVid.flv,
    what do I put for Server URI and what do I put for Stream name?
    Thanks for any assistance.

    Hi
    but I'd set up the MIME type for flash streaming with my internet
    provider (1&1) a couple of years ago
    Streaming video cannot be set-up as a MIME type, as it requires a streaming server. Setting the MIME file extension to recognize any of the video/audio files does just this, (it recognizes the file type) but delivers them as progressive not streaming.
    For more info on RTMP, see - http://www.adobe.com/devnet/rtmp/.
    PZ
    www.pziecina.com

  • How do you insert a slide show into a page in Fireworks or Dreamweaver CS4?

    Newbie here. I just made a nice 4 image slide show in FW CS4 (under COMMANDS, CREATE SLIDESHOW) but can't figure out how to insert it into a page in FW or Dreamweaver CS4. My goal is to insert it into a FW page, then send it as a PDF to the boss for review before it goes into Dreamweaver. Can that be done? I assume if you can create the slide show in FW, then you can see it FW - or is that asking too much?? So far, I can create it, then choose to preview it in a browser (and it looks good). But then I click "done" and "x" out of the screen and it's gone. I saved the slideshow in a folder I created on my desktop. When I open the folder I see an images folder, a scripts folder, an "index.html", a "player_black.swf", and a "slideshow.xml". I've tried dragging all of these onto the FW page but nothing happens.. Also, the "insert" button in FW doesn't have a preset for slideshows. Neither manual mentions how to insert it into a FW or DW page.. Any help is greatly appreciated.

    Problem solved. Found an import movie within iMovie.

  • Inserting swf to dreamweaver cs4

    Hi,
    Hoping someone could clarify for me please!
    currently putting together web site for client.  The web site has a very simple flash animation in it which the client apparently can't see and gets the prompt to upgrade to flash player v10.  (I've tested this on about 4 other computers and different browsers and it looks OK on all these!)
    Their IT guy tells me he has installed v10 on their pcs and that my code is wrong because it has:  <param name="swfversion" value="6.0.65.0" />"  and that it should be version 10.
    I've just checked the publish settings in flash and it is set to Flash Player 10 and ActionScript 3.0 so I'm a bit confused as to why my code does indicate it is v6.0.65.  I just use the insert swf option in Dreamweaver CS4 and let Dreamweaver write the code.
    Can anyone help????  I would really appreciate it!!
    Cheers,
    Karen

    It is best to let Flash generate an html page when published and copy/paste the code from that file into your html page.  I don't know what Dreamweaver does when you rely on it for insertng Flash content, but I don't trust it since it should rightfully do the same thing Flash does (same company--same suite of products), but it doesn't.

  • Dreamweaver CS4 Flash insert is garbage

    Dreamweaver CS4 is a disaster! It makes my 10x work more difficult. And it doesn't even get the job done.
    Examples:
    Can't preview my work in internet explorer. Instead, there some bogus, non-functioning, jump through 10 hoops extension called BrowserLabs - that flat out doesn't work.
    It's even worse for Flash video. Can't just click and preview it anymore, in ANY browser. Instead you have to upload it to your server or create a "test server" - and Mensa member, UC Berkley grad that I am - I can not figure out how to do that based on the lame instructinos from Adobe.
    Beyond that, the Flash insert in CS4 has totally lost the ability to re-size the actual video content - instead you get a black box around the video.
    And you are no longer able to pull video in from anoher site by referenceing the full URL.
    I bought Dreamweaver to make life easier. I don't want to learn to hand code. And I don't want to waste days and days dealing with things thaqt don't work.
    I've been working with computers for a long time. And CS4 is THE WORST upgrade I've ever experienced.
    Attention Adobe - what are you going to do about all this? I want to go back to CS3!

    "I bought  Dreamweaver to make life easier. I don't want to learn to hand code. And  I don't want to waste days and days dealing with things that don't  work."
    How typical.
    Mac user - "I just got a new Mac (or application) and I can't wait to do all sorts of great things with it!"
    Linux user - "I just got a new Linux build (or system) and I can't wait to do all sorts of  great things with it!"
    PC user - "I just bought a new computer (or program) and it's going to  do all sorts of things for me!"
    or the opposite:
    PC user - "I just bought a new computer (or program) and it won't do anything for me!"
    Mac user - "I just got a new Mac (or application) and I still haven't learned everything I can do with it... yet."
    Linux user - "I just got a new Linux build (or system) and I still haven't learned everything I can do with it... yet."
    Dreamweaver is WYSIWYG software. What You See Is What You Get... It's not a cure-all, do-all, write-all, upload-and-test-all fix for people who want to be webmasters without any knowledge or effort on their part. There's a solution for that... hire someone to build your site(s) for you.
    If you're adamant about not learning code, you're in the wrong  business (or even hobby).
    It's like saying, "I want to commute across town, but I'll be damned if I'm going to learn to drive!"
    I've been doing this since 2004 and I'm still in school learning new technologies and practices.
    I'll climb down off my soapbox now.
    Edit: For the record, I built and inserted two flash animations last night. First one here, second one here.Neither of them took more than three clicks to add, and I fully tested each of them in no less than eleven browsers (Firefox, IE8, Opera, Safari, Netscape, AOL, iCab, OmniWeb, Camino, SeaMonkey, Chrome), offline, before uploading the index pages.
    Message was edited by: CowboyInAZ

  • Dreamweaver CS4 Insert Table button does not work.

    I recently upgrade from an older version of Dreamweave to Dreamweaver CS4. But now I have a problem with inserting tables.
    They have the dropdown on the top right for Classic, Coder, Coder Plus and so on. I was using classic and everything was fine, then all of a sudden if I try using the Insert Table button from the Inserts tab, it does nothing. If I right click on the button, then click on the button it works, and if i switch to any other view it works. so then I used Coder and it was fine, but then again it stopped working. So I switched to Coder Plus and it was fine for a few more days and then it stops working again. I have rebooted my machine, closed out of DW and nothing seems to fix it. I just installed all adobe software updates and there was nothing in the update that fixed the problem. Does anyone else have this issue and if so, how do I fix it?
    I have searched google and I can't find anything. I can keep switching views but one day soon if it continues, I'm going to run out of views and Its such a habit to use the button instead of the Ctrl+Alt+T shortcut.

    try the following
    Recreate Dreamweaver CS4 Configuration and registry
    - rename the configuration folder to any name. (just add any character I suggest)
    C:\Documents and Settings\[username]\Application Data\Adobe\Dreamweaver CS4\Configuration
    - recreate the registry folder
    Start > run > regedit
    HKEY_CURRENT_USER>Software>Adobe>Dreamweaver>10. Rename 10 ex: 10_old
    maybe you can post your specs here for more specific troubleshooting. Cheers!

  • Dreamweaver CS4 - Record Insertion Form js error

    Hi
    I'm dreamweaver cs4 and started using the Record Insertion form, I was mainly experimenting with it and just seeing what it could do.
    However when I get to the wizard i have to wait a few seconds for it to connect to the database and then I get an error message that says:
    While executing onLoad in ServerObject-InsRecPHP.htm, the following Javascript error(s) occured:
    At line 283 of the file "Macintosh HD:Application:Adobe Dreamweaver
    CS4:Configuration:Commands:ServerObject-FormCmnPHP.js":
    invalid array length
    I was just wondering if this was a common problem, or I've messed something up either in Dreamweaver, or in the SQL database that I'm using.
    I've also noticed that its the same for Update and Delete Records Wizards aswell.
    Any help would be greatly appreciated
    Aaron Kennedy

    I see it's your first post. Welcome to the forum.
    A good place to start looking for answers is the Dreamweaver FAQ. You'll find the answer to your question under "Crashes, installation, JavaScript, and unexplained problems".

Maybe you are looking for

  • Issue in Export to Excel on Prod Environment

    Hello friends, I am facing a strange issue while doing an export to excel from WD table only in a production environment. The code works fine in dev and qa systems. the only difference is the lanscape where the production server is clustered wheras t

  • Formating fonts when placing excel files.

    I need some help. I am creating a catalouge for my business and we use a "proprietary font". We are using an excel spread sheet to link our data to the ID file, as our prices change a couple of times a year and I don't want to keep having to change t

  • Tip: How to read "eBooks"

    I would love to see either Apple or a third-party developer provide a decent eBook reader application, but until that happens there is a pretty good workaround: Email yourself the file and use the new Mail application to view it. I use Gmail, so sett

  • How to run .rep (compiled report) from dev10g

    Hello, Following code runs report that is .rdf what if i want to print run .rep report?? declare repid report_object; v_rep varchar2(100); begin repid := find_report_object('test'); v_rep := RUN_REPORT_OBJECT(repid); end; Regards, Edited by: Anwar hu

  • Problems with exporting PDF for Print

    Hi all, I would appreciate some help with exporting my indesign document (using v9.2, 32x) to PDF for print. I have a number of images and text objects in the document and all links seem to be in place. However when I come to export the document to p