全屏视频幻灯片(渐变过渡)
包含混合视频和图像内容的概念验证全屏幻灯片
将用于全屏视频
安装
克隆回购
通过 bower 安装组件:
bower install
在浏览器中打开index.html
控件
您可以使用上/下/左/右箭头键来控制幻灯片,或浏览器中的后退/前进按钮
定制
要更改幻灯片内容,只需编辑 HTML
所有幻灯片图像和视频都存储在content目录中
如果您为每个视频拍摄第一帧的初始屏幕截图并将其用作初始背景图像,则效果最佳
问题
在按钮焦点上使用特定于 webkit 的 CSS 动画
不帮助图像/视频预加载
依赖浏览器对不同视频格式的支持
没有视频控制 - 例如播放/暂停、倒带
无文字叠加
幻灯片放映不会从最后一张幻灯片恢复到开头
评论0
最新资源