video - フルスクリーン API がブラウザでサポートされている場合は、mediaelement プレーヤーを表示します。それ以外の場合は、youtube プレーヤーを表示します。

Question

サイトに動画を表示するために mediaelement.js を使用しています。ブラウザでフルスクリーン API が利用できる場合は mediaelement プレーヤーを使用し、そうでない場合はデフォルトの youtube プレーヤーを使用するようにチェックしたいと思います。

どうすればそれについて行くことができますか？

Answer 1

if (element.mozRequestFullScreen) {
  // This is how to go into fullscren mode in Firefox
  // Note the "moz" prefix, which is short for Mozilla.
  element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
  // This is how to go into fullscreen mode in Chrome and Safari
  // Both of those browsers are based on the Webkit project, hence the same prefix.
  element.webkitRequestFullScreen();
}

Answer 2

結局、少し違うルートをたどりました。wordpress 用の php ブラウザ検出プラグインを使用し、if 条件を使用して IE と Opera に異なるコードを提供しました。そのリストには、古い FF、Chrome、Safari も含まれます。そのため、ブラウザ機能の検出は行われていませんが、当面は機能します。

しかし、誰かがこれを行う方法について答えることができれば、将来の目的のために素晴らしいでしょう. ajaxでできると思います。しかし、私の特定のケースでは、より多くのデータが必要になります。動画の URL は wordpress のカスタム フィールドであり、for ループを通過してカスタム フィールド内のすべての動画のリストを取得します。