Question

它需要跨平台，我已经开发了这个网站http://www.thereelthing.com.sg/。您将看到视频的第一个视图。问题是我需要在不同的浏览器上全屏显示这个视频，目前我使用的是精美的盒子，视频是从http://vimeo.com/加载来显示的。但是没有限制我可以使用任何网络播放器从我自己的服务器加载。

谢谢注意：此视频由cookie设置，仅在首次访问网站时显示。

Answer 1

有可能，我只是不推荐它。这是非常侵略性的。但是，如果您的客户绝对需要它，您可以随时使用越来越多的浏览器采用的HTML5 fullscreen API（Chrome / Firefox / Safari是一些早期采用者）。你应该查一查。

但重要的是要注意，这不能加载onload（出于安全目的），并且必须由用户触发的事件触发，如“onclick”。我想onmouseover也能够触发它（例如，你的鼠标会悬停在你客户的网页上）。

对于迟到的回复感到抱歉：我刚刚发现了这个帖子。

Answer 2

您可以使用一些CSS，如下所示：

#video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    z-index:300;
}

并使用一些JavaScrip使其消失：

setTimeout(hideDiv, 9000);
function hideDiv() {                   
    $("#video").fadeOut("slow");
}

如何在网页加载时播放视频全屏？

2 个答案: