如何让视频在方向更改时自动播放？答案

【问题标题】：How do I get a video to Play automatically on orientation change?如何让视频在方向更改时自动播放？
【发布时间】：2012-06-14 14:31:52
【问题描述】：

我正在开发一个移动网站，但有一件事我不能做。我认为这很简单，但我对此很陌生。在纵向时，我可以完美地看到该网站（一切都很好），但我想做的是以下内容：我希望视频在方向变为横向时立即开始播放。任何帮助将不胜感激。非常感谢。

【问题讨论】：

标签： video orientation landscape portrait

【解决方案1】：

这个问题似乎提出了两个主要问题：如何检测浏览器中的方向变化以及如何播放视频以响应该事件。

这个 stackoverflow 答案似乎很好地解决了第一个问题： https://stackoverflow.com/a/2307936/994464 尽管该问题专门针对 Android 浏览器，但该答案应该是适用于所有浏览器的最可靠的解决方案。

其次，我假设是 html5 而不是嵌入的视频，可以从 dom 访问，只需使用下面显示的播放方法在 Mozilla 开发者网络的 sn-p 中

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);

【讨论】：