How to open mov format video in HTML video Tag

Question

I want to play  mov video like as this  but video doesn t play in any browser    lt video width  400  controls Autoplay autoplay gt     lt source src  D  mov1 mov  type  video mov  gt   lt  video gt

User · Answer

Content Type for MOV videos are video quicktime in my case  Adding type  video mp4  to MOV video file solved issue in my case    lt video width  400  controls Autoplay autoplay gt     lt source src  D  mov1 mov  type  video mp4  gt   lt  video gt

User · Answer

You can use Controls attribute   lt video id  sampleMovie  src  HTML5Sample mov  controls gt  lt  video gt

User · Answer

in the video source change the type to  video quicktime    lt video width  400  controls Autoplay autoplay gt     lt source src  D  mov1 mov  type  video quicktime  gt   lt  video gt

User · Answer

Unfortunately  mov files are not supported with html5 video playback  You can see what filetypes are supported here    https   developer mozilla org en-US docs Web HTML Supported media formats  If you need to be able to play these formats with your html5 video player  you ll need to first convert your videofile--perhaps with something like this   https   www npmjs com package html5-media-converter

User · Answer

My new answer is to use ffmpeg to transcode the  mov like ffmpeg -i sourceFile mov destinationFile mp4   Do same for the webm format   OLD Answer  Here s what you do     Upload your video to Youtube  Install the  Complete YouTube Saver  plugin for Firefox Using the plugin in Firefox  download both the MP4 and WEBM formats and place them on your Web server Add the HTML5 Video element to your webpage per MDN s recommendation    lt video controls gt     lt source src  somevideo webm  type  video webm  gt     lt source src  somevideo mp4  type  video mp4  gt    I m sorry  your browser doesn t support HTML5 video in WebM with VP8 VP9 or MP4 with H 264     lt  -- You can embed a Flash player here  to play your mp4 video in older browsers -- gt   lt  video gt     Style the  lt video gt  element with CSS to suit your needs   For example Materializecss has a simple helper class to render the video nicely across device types

User · Answer

You can use below code    lt video width  400  controls autoplay gt       lt source src  D  mov1 mov  type  video mp4  gt   lt  video gt    this code will help you

User · Answer

Instead of using  lt source gt  tag  use  lt src gt  attribute of  lt video gt  as below and you will see the action    lt video width  320  height  240  src  mov1 mov  gt  lt  video gt    or   you can give multiple tags within the  tag  each with a different video source  The browser will automatically go through the list and pick the first one it   s able to play  For example    lt video id  sampleMovie  width  640  height  360  preload controls gt       lt source src  HTML5Sample H264 mov    gt       lt source src  HTML5Sample Ogg ogv    gt       lt source src  HTML5Sample WebM webm    gt   lt  video gt    If you test that code in Chrome  you   ll get the H 264 video  Run it in Firefox  though  and you   ll see the Ogg video in the same place

[html] How to open .mov format video in HTML video Tag?

Examples related to html

Examples related to html5-video