javascript - video 要素から drawImage のサポートを検出する

Question

を使用してビデオ要素の一部を HTML キャンバスに描画するビデオ ビューアを作成しようとしていますdrawImageが、これは一部のデバイス (iOS など) ではサポートされていません。ブラウザーや OS をスニッフィングするよりも、機能の検出を行い、これらのデバイスで通常のビデオを再生するだけにフォールバックしたいと考えています。この機能をテストする信頼できる方法はありますか?

Answer 1

これをチェックして：

function isCanvasSupported()
{
  var canvas = document.createElement('canvas');
  return !!(canvas.getContext && canvas.getContext('2d'));
};

キャンバスがサポートされている場合は true を返し、サポートされていない場合は false を返します。