video - 向きが変わったときにビデオを自動的に再生するにはどうすればよいですか?

Question

モバイル サイトを開発していますが、できないことが 1 つあります。かなり単純だと思いますが、これはかなり新しいです。縦向きのときは、サイトを完全に見ることができます (すべてうまくいっています) が、やりたいことは次のとおりです: 向きが横向きになるとすぐにビデオの再生を開始したい. どんな助けでも大歓迎です。どうもありがとう。

Answer 1

この質問には主に 2 つの問題があるようです。ブラウザーで向きの変化を検出する方法と、そのイベントに応じてビデオを再生する方法です。

このスタックオーバーフローの回答は、最初の問題に非常によく対処しているようです: https://stackoverflow.com/a/2307936/994464 その質問は特に Android ブラウザーに言及していますが、その回答はすべてのブラウザーにとって最も堅牢なソリューションであるはずです。

第二に、埋め込みではなく html5 であると想定しているビデオは、DOM からアクセスでき、Mozilla Developer Network のスニペットで以下に示す再生メソッドを使用するだけです。

var v = document.getElementsByTagName("video")[0];  
v.play();

すべてを一緒に入れて：

// Detect whether device supports orientationchange event, otherwise fall back to
// the resize event.
var supportsOrientationChange = "onorientationchange" in window,
orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

window.addEventListener(orientationEvent, function() {
     var v = document.getElementsByTagName("video")[0];  
     v.play();
}, false);