【対処法】Vimeo:全画面表示できない問題の簡単解決策

おかしいなぁ~。
Vimeoで全画面表示設定をしたにもかかわらず、埋め込みをすると全画面表示マークが出ないんだけど、どうやったらマークが出るの?

 

 

私も同じ現象で困っていたけど、少しコードを手直ししたら簡単に直せたよ。
記事にまとめたから読んでみてね!

 

 

 

こんにちは。

 

最近までまったく気づかなかったのですが、Vimeoでサイトに埋め込みをすると、全画面表示マークを設定しているにもかかわらず、埋め込まれた画面に「全画面表示マーク」が出ない現象が起こっているようです。

 

以前に埋め込んだときには、きちんと表示されていましたので、私が知る限りでは8月末くらいからこのような現象が起こっているようです。

 

ネットでも検索してみましたが、同じ現象で困っている人がいらっしゃるようです。

 

コードを手直しすることで解決しましたので、対処方法をここにまとめます。

ご参考になりましたらうれしいです。

 

 

Vimeoの「全画面表示マーク」が出ない現象

 

 

Vimeoの設定では、きちんと「全画面」をONにしています。

 

 

 

 

通常は、「全画面表示マーク」がこのように出るはずなのです。(一番右の四方に矢印が広がるマーク)

 

 

 

しかし、サイトに埋め込んでみると、なぜか「全画面表示マーク」が出ません。

 

 

 

Vimeoの「全画面表示マーク」が出ない原因

 

 

ネットであれこれ調べてみましたが、明確な答えはありませんでした。

 

Vimeoのサイトによると、コードに「allowfullscreen」を入れることが重要みたいです。

 

参照:Vimeoサイト

 

 

Vimeoの「全画面表示マーク」を表示する手順

 

 

最終的には、コードを少し手直しすることで解決しました。

 

 

私の場合は、「height="240" 」の後に、
「frameborder="0" allowfullscreen=""></iframe>」を入れれば全画面表示のマークが表示されました。

「allowfullscreen」を入れることが重要みたいです。

 

 

Vimeoの設定で、きちんと「全画面」をONにしていても、埋め込んでみると、文字列に「allowfullscreen」が入っていません。

 

 

 

何度埋め込んでも表示されないので、

手動で、「frameborder="0" allowfullscreen=""></iframe>」を入れてみました。

 

 

 

 

すると、このように全画面表示のマークが表示されました。

 

 

 

ご参考になりましたらうれしいです。

 

おすすめの記事