最新资源
简介
如果你的网站使用巨大的白色全屏背景，很难提高你的转化率、用户参与度和社交媒体份额。
Anamorph.js是一个很小的jQuery插件，它可以让你很容易地在网站上使用HTML5或Youtube视频作为背景，而不是普通的图像。由于手机和平板电脑设备不支持视频自动播放，它又回到了背景图像。自定义的背景覆盖将为网站提供专业的外观和感觉，并使页面内容始终可见。
参见：
- JavaScript中的10个最佳视频背景插件
如何使用它:
1.下载Anamorph.js的缩小版并将其导入到文档中。
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/src/anamorph.min.js"></script>
2.使用变形的方法可用参数：
- 媒体：视频路径
- 叠加：从0到1的叠加病理。或者将参数设置为“bw”以使用黑白背景
- fallbackImg：显示在手机和平板电脑设备上的背景图像。
// anamorph(media, overlay, fallbackImg);
anamorph('1.mp4', 0.8, "fallback.jpg");
3.该插件还支持Youtube视频。
anamorph('https://www.youtube.com/embed/GvDYGxx_8e0', 'bw');
预览截图
响应式背景视频和图像插件 Anamorph.js