おかしいなぁ~。
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>」を入れてみました。
すると、このように全画面表示のマークが表示されました。
ご参考になりましたらうれしいです。