web-dev-qa-db-ja.com

Vimeo Plusアカウントで、埋め込みビデオの中央にある「再生」ボタンを非表示/削除する方法は？

検索で、Vimeoはまだサポートしていないと言うことに出くわしました。しかし、私はまだ誰かがそれの周りに巧妙な方法を見つけたかどうか疑問に思っていましたか？

https://vimeo.com/forums/topic:37769

これが画像です：

enter image description here

apivimeo
23
guptron

すべてのコントロールを削除できるようになりました

これを見て新しい人を更新したかっただけです。実験的な機能を使用することにより、コントロールなしで動画を埋め込むことができるようになりました：background=1

注意事項

  1. すべてのプレーヤーの切り替えと要素がオフになります（再生/一時停止ボタンを含む！）
  2. ビデオは自動的にループします。
  3. ビデオは自動再生に設定されます。
  4. ビデオはミュートされます。

その後、 js-api を使用してビデオを制御できます（一時停止、再生など）。

埋め込みコードの例

<iframe src="https://player.vimeo.com/video/76979871?background=1" 
   width="500" height="281" frameborder="0" webkitallowfullscreen 
   mozallowfullscreen allowfullscreen>
</iframe>

こちらのフォーラムの投稿を参照してください： https://vimeo.com/forums/help/topic:278001

39
OAC Designs

Vimeoアカウントで、埋め込みたい動画に移動し、[設定]> [埋め込み]に移動します。そこで、「プレイバーを表示」オプションを有効にします。これにより、ビデオ画像の中央にある再生ボタンは削除されますが、画像の下部に再生バーが表示されます。私が知ることができるのは、どちらかまたは両方です。両方を非表示にして、ビデオのきれいなポスターフレームを確認し、クリックして再生を開始できるようにしたいと思います。誰かが方法を知っていたら私に知らせてください。

3
user2473959

これがVimeoのルールに反しないことを願っていますが、それらのボタンを非表示にすることは可能です。

<!-- Video original height is 280px -->
<style type="text/css" media="screen">
    #wrapper {
        overflow: hidden;
        position: relative;
        width: 500px;
        height: 560px;   /* height x 2 */
    }
    #wrapper iframe {
        position: absolute;
        left: 0px;
        top: -140px;  /* video height / 2 */
    }
</sytle>


<div id="wrapper">
    <iframe id="player1" 
        src="http://player.vimeo.com/video/83762493?loop=1&autoplay=1" 
        width="500" height="560" <!-- vide height x 2 -->
        frameborder="0">
    </iframe>
</div>
1
jruutu