Html video support different video src type

Html video support different video src type

html video tag youtube
html video tag autoplay
html5 video javascript
how to insert mp4 video in html
html5 video controls
html video autoplay not working
html video autoplay loop
html5 video poster

I'm working with video here I want to embed tag support youtube or Vimeo video's both of these types but it is working with youtube video only not with Vimeo. Is there any other format to write can anyone suggest me in the right direction.

<embed width="600" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">

You can try to use iframe.

Youtube

< iframe width = '560' height = '315' style = 'max-width:100%;' src = 'https://www.youtube.com/embed/{youtube-id}' frameborder = '0' allowfullscreen >< /iframe >

Vimeo

< iframe width = '560' height = '315' style = 'max-width:100%;' src = 'https://player.vimeo.com/video/{video-id}' frameborder = '0' allowfullscreen>< /iframe >

HTML autoplay Attribute, How do I get a video to automatically play in HTML? The src attribute specifies the location (URL) of the video file. The example above uses an Ogg file, and will work in Firefox, Opera and Chrome. To play the video in Internet Explorer and Safari, we must use an MPEG4 file.


try in iframe like that:

<iframe src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>

only need to be set by css what u want

HTML5 Video Converter, as soon as it can do so without stopping. The <video> tag is used to embed video content in a document, such as a movie clip or other video streams. The <video> tag contains one or more <source> tags with different video sources. The browser will choose the first source it supports. The text between the <video> and </video> tags will only be displayed in browsers that do not support


in vimeo there is a share button. when you click it, you will get the embed code of the video

<iframe src="https://player.vimeo.com/video/76995667?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> <p><a href="https://vimeo.com/76995667">pitch videos</a> from <a href="https://vimeo.com/user888285">tony benna</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

similarly in YouTube, there is a share button, where you get the embed code

HTML5 Video vs. HTML Video, <source src="movie.mp4" type="video/mp4"> <source The <video> tag contains one or more <source> tags with different video sources. The browser will choose There are three supported video formats in HTML: MP4, WebM, and OGG. Server support for video. If the MIME type for the video is not set correctly on the server, the video may not show or show a gray box containing an X (if JavaScript is enabled). If you use Apache Web Server to serve Ogg Theora videos, you can fix this problem by adding the video file type extensions to "video/ogg" MIME type.


HTML video Tag, HTML <video> tag <source> elements can link to different video files. The browser type="video/ogg"> Your browser does not support the video tag. </​video>. HTML Video Formats. There are three supported video formats: MP4, WebM, and Ogg. The browser support for the different formats is:


HTML video src Attribute, <video controls> <source src="tutorial.ogg" type="video /ogg"> and other formats like WebM and Ogg are supported in Chrome, Firefox, and  The current HTML5 draft specification does not specify which video formats browsers should support in the video tag. But most commonly used video formats are − Ogg − Ogg files with Thedora video codec and Vorbis audio codec. mpeg4 − MPEG4 files with H.264 video codec and AAC audio codec.


<video>: The Video Embed element, The video format can be specified by MIME type in HTML (see example). and Phonon cannot legally support other than free formats by 17.0 (supports <video​> tag with Web Media Extensions and VP9  The HTML5 specification does not specify which video and audio formats browsers should support. User agents are free to support any video formats they feel are appropriate, but content authors cannot assume that any video will be accessible by all complying user agents, since user agents have no minimal set of video and audio formats to support.