Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Vimeo Video Player in HTML5

How to play vimeo videos on HTML5 player?

Step 1:

<video width="320" height="240" controls>   <source src="http://player.vimeo.com/video/3873878"> </video> 

Step 2:

<video src="http://player.vimeo.com/video/3873878" width="320" height="240" controls></video> 
like image 554
Suresh Palanisamy Avatar asked Jan 28 '16 07:01

Suresh Palanisamy


People also ask

Does Vimeo support HTML5?

Vimeo playback is supported in browsers that can decode H. 264 videos in an HTML5 player.

How do I show a Vimeo video in HTML?

If you are signed in on Vimeo, an go to your video settings, there should be an menu "Embed". Click this item and you will get various embedding options. At the right side of the window (below your profile icon) there will be a button Embed code . Clicking this will give you the Embed code.

Can we play video in HTML5?

With the introduction of HTML5, you can now place videos directly into the page itself. This makes it possible to have videos play on pages that are designed for mobile devices, as plugins like Adobe Flash Player don't work on Android or iOS. The HTML <video> element is used to embed video in web documents.

Can MP4 play on HTML5?

The minimum for HTML5 video is MP4 + WebM or Ogg (or both), using the MP4 version for Flash fallback. 2. For mobile support, one H. 264/MP4 output can take you a long way.


2 Answers

This Vimeo doc might help. This is working for us:

  1. You need a Vimeo Pro account.
  2. Get the video link from the Distribution tab when looking at the video settings in Vimeo: enter image description here

  3. Add the video link to your HTML5 video tag:

<video width="320" height="240" controls> <source type="video/mp4" src="https://player.vimeo.com/external/*.hd.mp4?s=*&profile_id=*"> </video>

like image 51
Peter Rhodes Avatar answered Sep 22 '22 23:09

Peter Rhodes


You will need to use our standard embed code unless you're a PRO member. Our embeds default to HTML5 and use it wherever possible.

<iframe src="https://player.vimeo.com/video/3873878" width="320" height="240" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 

See our FAQ for info: https://vimeo.com/s/tdf, https://vimeo.com/s/adg

like image 36
Brad Dougherty Avatar answered Sep 19 '22 23:09

Brad Dougherty