0

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

4

1 回答 1

0

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

这个 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);
于 2012-06-15T21:12:30.850 回答