ホームページ、DTP、システム開発ならお任せください

株式会社アミテス

スタッフブログ

BLOG

動画(Vimeo)を、ホームページの背景に設定する。

Vimeo(https://vimeo.com/jp/)は、ホームページのメインビジュアルの背景として埋め込んであるサイトをよく見かけますね。

ただVimeoは、そのまま埋め込んでしまうと、再生ボタンやら音量のコントロールが最下部に表示されてしまいます。

Vimeoの標準のオプションを使っても消すことができません。

ですので、よくあるのが、その部分を隠すようにコーディングがされております。

この方法はレスポンシブと合わせると、凄く面倒くさいです。

でも、そんなことをしなくても良い方法があります。

それは、埋め込みコードのプレーヤーURLの最後に次のパラメータを追加します。
background=1

具体的には以下のようになります。

<iframe src = "https://player.vimeo.com/video/xxxxxxxx?background=1" width = "500" height = "281" frameborder = "0" Webkitallowfullscreen mozallowfullscreen allowfullscreen></ iframe>
これをすると、再生ボタンや音量コントロールが消え、再生が繰りかえしおこなわれるようになります。

これを設定した動画が以下になります。

この動画は、弊社のお客様のホームページで使用している動画です。
とりときハウス様のホームページは、こちら
※ホームページでは、音声を出したい、繰り返し再生はさせたくないとのお客様の要望から、上記の方法にはしておりません。

Vimeoのサポートは、海外にあるのですが、上記を質問をしても訳のわからない翻訳で、何度もやりとりし
何とか得た情報になります。

参考にしてください。

 

§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§

ホームページ、ちらし、看板などお店をPRしたいならアミテスへお問い合わせを♪

https://amites.co.jp

キャプチャ

 

 

 

 

関連記事

販促品の依頼をするなら
株式会社アミテスへ

社名 株式会社アミテス
代表者 代表取締役社長  藤原 亜紀枝
設立 2014年3月
業務内容
  • ■ サービス商品

    ホームページ制作、WordPress構築、ECサイト構築、DTPデザイン(ちらし、パンフレット、冊子、名刺、ショップカード、メニュー、のぼり、看板、ポスター)・印刷、ロゴデザイン

  • ■ システム開発

    Web系システム、オープン系システムなど幅広い開発技術に対応。
    サーバ構築から運用までをサポートいたします。

  • ■ 自社開発製品

    顧客管理システム(AS-SYSTEM)
    予約受付・個人情報取得システム(えなりくん)
    職人勤怠管理システム(さわだくん)

  • ■ 自動車事業

    カーマッチ東京、カーマッチ埼玉、カーマッチ関東エリアデベロッパー

所在地 〒197-0024
東京都福生市牛浜92-1 アミテスビル
TEL 042-513-0345

CONTACT

お問い合わせ

各種サービスへのお問い合わせ・ご相談
お気軽にお問い合わせください。

 

Copyright© 株式会社アミテス , 2020 All Rights Reserved Powered by STINGER.