ホームページ、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

キャプチャ

 

 

 

 

関連記事

  • ヒートマップツールPtengineをためしてみる

    こんにちは、大野です。 弊社でホームページを作成されたお客様で、スタンダード以上のプランを契約されている方には、今まで、クリックマップという、ホームページのどこがクリックされているのか、また、どこまで ...

  • さくらインターネット+sshで文字化け対策

    さてさて、ブログをはじめて3度目の投稿になります。 こんにちは。ダメダメ社長こと大野です(汗 今回は、さくらインターネットで、ssh接続した時に、日本語が文字化けする問題についての解決方法になります。 ...

  • meta keywords って必要?

    こんにちは。大野です。 別に、先週descriptionだったから、今週は、流れ的にkewordsの記事を書いているわけではないですよ(汗 ブログのネタを考えるのが面倒だった? いやいや...(汗 & ...

  • おすすめのクラウドサーバー、VPS(Virtual Private Server)

    大野です。こんばんは。 またまたマニアックな内容になり、すみません。 (私の記事は、普通の方はスルーしてください) 今日は、おすすめのクラウドサーバー、VPSってことで、私の独断と偏見で書いていきたい ...

  • 【もっと早い方法があった】Windowsのローカル環境で、WordPressを動かす

    こんにちは。大野です。 さて、先週と似たようなお題ですが 先週のより、さらに早くて簡単な方法があるとの情報が入ったので早速調査してみました。 前回は、xampp+Wordpressの組み合わせでしたが ...

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

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

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

  • ■ システム開発

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

  • ■ 自社開発製品

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

  • ■ 自動車事業

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

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

CONTACT

お問い合わせ

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

 

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