web-dev-qa-db-ja.com

HTML5のVimeoビデオプレーヤー

HTML5プレーヤーでvimeoビデオを再生する方法？

ステップ1：

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

ステップ2：

<video src="http://player.vimeo.com/video/3873878" width="320" height="240" controls></video>
html5html5-videovimeovimeo-apivimeo-player
15
Suresh Palanisamy

このVimeoドキュメント が役立つ場合があります。これは私たちのために働いています：

  1. Vimeo Proアカウントが必要です。

  2. Vimeoのビデオ設定を見ているときに、[配布]タブからビデオリンクを取得します。 enter image description here

  3. HTML5ビデオタグにビデオリンクを追加します。

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

15
Peter Rhodes

PROメンバーでない限り、標準の埋め込みコードを使用する必要があります。埋め込みはデフォルトでHTML5であり、可能な限り使用します。

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

FAQの情報を参照してください： https://vimeo.com/s/tdf 、 https://vimeo.com/s/adg

14
Brad Dougherty
<iframe  class="b-hero_image lazy"
         data-src="https://player.vimeo.com/video/1111111?autoplay=1&loop=1&autopause=0&api=1&controls=0&muted=1?playsinline=0"
         width="640" 
         height="300" 
         frameborder="0" 
         allow="autoplay; 
         fullscreen" 
         allowfullscreen 
         muted 
         playsinline>
</iframe>
0
AGrush