在整个网页上重复<视频>元素作为磁贴
Repeat <video> element as tiles over the entire webpage
所以我正在尝试重复一个元素来重复自己并占据整个网页。我想让它看起来像这样 http://twerkingcorgi.com
显然,这个网站使用的是 GIF 而不是 MP4/OGG,所以你可以把 GIF 作为背景,然后通过 CSS 无限期地重复它。但是,是的,我只想重复视频以看起来像那个网站。任何帮助将不胜感激,谢谢!
一种选择是将视频文件转换为 gif。我以前使用过的一个网站是 https://cloudconvert.com/。
然后在 css 中写入
背景图片:网址("testgif.gif");
背景重复:重复;
相关文章:
- tiltSlider播放/暂停视频元素(如果li有当前类)
- 如何在没有safari的情况下为浏览器隐藏视频元素
- 如何将视频数据流式传输到视频元素
- IndexSizeError在使用JS的视频元素上衰减声音时引起
- 更改 i-Devices 的 html5 视频元素的 HLS 视频源
- HTML 5<视频>元素上的弹性增长不起作用
- 在视频元素上获取准确的鼠标坐标
- 如何在 HTML5 视频元素中播放电影时在 IOS 上显示非全尺寸视频
- 在整个网页上重复<视频>元素作为磁贴
- 为什么ctx.drawImage只将视频元素的一部分绘制到画布上
- 如何在 owl-carousel 幻灯片中查找视频元素,然后仅为该特定幻灯片设置 owl-carousel 控件的 cs
- 向视频元素添加/删除类
- 读取视频中的视频元素/属性的正确方法是什么.js
- 创建两个具有相同源的 HTML5 视频元素不起作用
- 寻找什么事件..更改视频元素的当前时间时
- 普通<视频>元素或视频插件加载速度更快
- 当我按下HTML5视频元素的默认全屏按钮时,如何捕获全屏事件
- 视频元素阻止右键单击代码不适用于动态元素
- jquery插件,引用DOM中的视频元素
- html5视频元素有任何错误?它不会在几个小时后继续播放内容