1

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

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

4

2 回答 2

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");
}
于 2017-01-19T23:08:12.563 回答
1

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

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

抱歉回复晚了：我刚刚发现了这个帖子。

于 2012-12-27T07:04:41.120 回答