web-dev-qa-db-ja.com

VimeoHTML5ビデオ埋め込みを強制する

Vimeoビデオを埋め込み、デフォルトでHTML5を使用するように強制しようとしています。

ここにスレッドがあります 私がやろうとしているのと同じことをYouTubeで行うことについて。

ここに別のスレッドがあります Vimeo HTML5cookieの取得について話します

これが問題の議論です Vimeoのサイトで。基本的に、私は自分のサイトでのユーザーの好みに応じてそれを行うので、彼らの懸念は実際には当てはまりません。

Flashが利用可能な場合でもHTML5Vimeoの埋め込みを強制する回避策または方法を知っている人はいますか？ （CookieはSafariで機能するはずですが、多くのChromeユーザーがいます。）

ありがとう。

html5-videovimeo
16
Nick

現在、埋め込みスクリプトでHTML5を強制する方法はありません。 「ユニバーサルプレーヤー」は、デバイスに基づいてフォーマットを自動的に選択します。

古い埋め込みはFlashを強制する方法を提供しますが、それが他の唯一のオプションです。

将来のオプションを期待しましょう。

5
miketucker

フラッシュ付きのブラウザでは、プレーヤーは次のコードを使用してhtml5モードで読み込まれます。サンドボックスは、iframeがフラッシュを含むプラグインにアクセスするのを防ぎます。

<iframe sandbox="allow-same-Origin allow-scripts allow-popups"
  id="foo" width="100%" height="90%"
  allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" 
  src="http://player.vimeo.com/video/28544156?api=1">
</iframe>

VimeoボタンでビデオのvimeoWebページを開くことができるようにするには、「allow-popups」権限が必要です。ビデオを再生する必要はありません。

編集：完全な例を追加

真っ黒なビューの場合、親を幅100％で埋めるようにiframeを設定したため、ビデオのサイズがゼロである可能性がありますが、親が収まるように縮小された場合、そのサイズはゼロのままです。これは、ビデオがページの大部分を占めるようにするためのCSSを含むWebページ全体です。さらに、-webkit-transformはビデオの鏡像を作成し、それをわずかに回転させます。フラッシュで表示されている場合、回転をまったく処理できないため、黒い画面が生成されます。それ以来、これはすべてのvimeoサービスであるh.264をネイティブにサポートしていないため、Firefoxではまったく機能しないことがわかりました。プラグインを無効にすると、Firefoxでh.264を機能させるプラグインが無効になります。

<!DOCTYPE html>
<html>
  <head>
    <style>
div {
  display: inline-block;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
iframe {
  -webkit-transform: scaleX(-1) rotate(2deg);
}
    </style>
  </head>
  <body>
    <div>
      <iframe sandbox="allow-same-Origin allow-scripts allow-popups"
        id="foo" width="100%" height="90%"
        allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" 
        src="http://player.vimeo.com/video/28544156?api=1">
      </iframe>
    </div>
  </body>
</html>
2
teknotus