18

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

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

VimeoHTML5Cookieの取得について話している別のスレッドがあります

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

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

ありがとう。

4

2 に答える 2

5

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

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

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

于 2012-11-23T17:26:24.837 に答える
2

フラッシュ付きのブラウザでは、プレーヤーは次のコードを使用して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>
于 2013-08-26T23:31:27.810 に答える