Question

我正在开发一个移动网站，有一件事我无法做到。我认为这很简单，但我很新。在肖像时，我可以完美地看到网站（一切都很好），但我想做的是以下内容：我希望一个视频在方向转向风景时立即开始播放。任何帮助将受到高度赞赏。非常感谢。

Answer 1

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

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

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

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

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

1 个答案: