我有一个场景,其中我的搜索结果包含视频内容。结果中的每个视频项都有一个缩略图大小的视频播放器,因此每个结果集最多可以存在10个HTML5视频播放器。当用户单击缩略图时,视频会全屏显示并自动播放。当用户退出全屏时,视频暂停。
这一切在iOS设备上都运行得很好,但在安卓系统上,我需要担心更多的问题。这是我现在的逻辑:
goFullScreen: function (ev) {
var el = ev.target,
isVideoFullscreen = el.webkitDisplayingFullscreen;
我正在为我的网站使用引导,并使本地滚动正常工作(我使用标准导航条形码)。到目前一切尚好。
接下来,我想要实现一个在桌面和移动设备(iphone、android等)上正常工作的全屏背景。背景图片应覆盖整个屏幕,当用户滚动页面内容时不应移动。我能找到的唯一解决办法(经过相当长时间的搜索)是:
html {
background: url('images/ny-building-xs-optimized.jpg') no-repeat center center fixed !important;
background-size: cover !important;