Skip navigation
Currently Being Moderated

Dreamweaver CC and .mov Quicktime files - Help Please

Dec 25, 2013 4:36 PM

Tags: #mac #files #dreamweaver

I have a Mac and use Final Cut Pro with Compressor 4.1 to generate movies.  The final format is a .mov file.  Is this file type compatible with DW CC?  If so, how do I insert it into the DW CC file or should I be using a different video file format?

 
Replies
  • Currently Being Moderated
    Dec 26, 2013 10:17 AM   in reply to anolte

    .mov won't work unless your target audience has QuickTime player & required QT plugins.

    For best cross browser results, use HTML5 <video> with these 3 file types: 

    • .mp4 or m4V for web
    • .ogg
    • .webm

     

     

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 with Video</title>
    
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>
    <body>
    
    <!--begin video-->
    <video controls>
    <source src="yourvideo.mp4" type="video/mp4">
    <source src="yourvideo.webm" type="video/webm">
    <source src="yourvideo.ogv" type="video/ogg">
    NOTE: If you see this, you're using an outdated browser that 
    doesn't support this type of video. 
    <a href="alternate.html">Click here for an alternative</a>
    </video>
    <!--end video-->
    
    </body>
    </html>

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 29, 2013 5:52 PM   in reply to anolte

    I don't believe Final Cut Pro can convert your quicktime file to all the required web formats (yes, you need all three!).

    An easy fix is to use Miro Converter to do the job for you in one go:

    http://www.mirovideoconverter.com/

     

    A quick helpful tool to generate the code you need can be found here:

    http://v4e.thewikies.com/

     

    This is also a helpful page:

    http://camendesign.com/code/video_for_everybody

     

    If you wish to learn more about the current state of web video, check out this article:

    http://diveintohtml5.info/video.html

     

    In case you wish more control over the look and feel of the video player:

    http://www.videojs.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 7, 2014 4:03 PM   in reply to anolte

    You simply need to create a still image and add it to the poster attribute in HTML5 player controls.

    http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_poster

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points