wordpress 想要把视频做成博客背景需要怎么做?

2016-12-31 11:10:59 +08:00
 Famio
类似支付婊那样首页的背景视频……
不考虑带宽,我的 OSS 足够强大
博客程序是 wordpress ,有没有现成的插件或者自己要怎么做……

想到个办法,页面增加一个视频流,然后用css控制,画面扩展到全屏,z-index足够小= =
3774 次点击
所在节点    程序员
11 条回复
ragnaroks
2016-12-31 11:52:40 +08:00
https://github.com/linnett/backgroundVideo

不过事实上也就是你那种做法
ZE3kr
2016-12-31 14:54:55 +08:00
你试试 wordpress4.7 的 2017 默认主题,可以设置视频背景,而且自动播放的。
ZE3kr
2016-12-31 14:56:06 +08:00
总之不要用 gif ,用 mp4 ,带宽不是问题, 1080p 的几秒钟视频压制的好的话就几 M ,你可以看看 Bing 搜索,有时候背景就是个视频。
Famio
2016-12-31 15:02:28 +08:00
@ZE3kr 你说的那个默认主题我试过,就是要这种效果。
但可惜这个主题的文章页不是特别喜欢。所以打算自己弄。
lslqtz
2016-12-31 16:15:00 +08:00
我用的 video+z-index ,不兼容的浏览器输出图片 css ,手机用 js 加 muted+内联播放。
https://www.osupink.org
同样不考虑流量费
lslqtz
2016-12-31 16:16:16 +08:00
@ZE3kr gif 真心差评 mp4/webm 都行
chunqiuyiyu
2016-12-31 16:59:59 +08:00
事实上,博客的唯一要点只在内容
zhidian
2016-12-31 17:41:23 +08:00
(接楼上)事实上,这样的博客我一点开就立马关闭。楼上说 gif 的……其实用 svg 也可以实现动画的,目测还小一些,当然这个就只有简单的几何元素那种动画了。
Famio
2016-12-31 22:06:20 +08:00
@chunqiuyiyu @zhidian 我赞成两位的。
内容上我一直在维护,平均一周 3-4 篇原创文,只是刚好在折腾 UI ,就想试试看,结果实装后发现实在受不了,眼太花了。。。
yejinmo
2017-01-01 00:40:08 +08:00
我是在 header.php 添加了如下代码,省心又省力,效果还不错

<!-- 视频背景 -->
<video autoplay loop poster="预览图链接" id="bgvid">
<source src="视频源链接" type="video/webm">
</video>
<!-- 视频背景 -->

效果(要点两次 Go Home ): http://www.duanxiaohan.com/
aprikyblue
2017-01-01 08:18:01 +08:00
这样的博客我一点开就立马关闭+1.。
想做内容的就好好做内容,加太多花哨东西重点突出得歪了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/331411

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX