V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Famio
V2EX  ›  程序员

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

  •  
  •   Famio · 2016-12-31 11:10:59 +08:00 · 3843 次点击
    这是一个创建于 2881 天前的主题,其中的信息可能已经有所发展或是发生改变。
    类似支付婊那样首页的背景视频……
    不考虑带宽,我的 OSS 足够强大
    博客程序是 wordpress ,有没有现成的插件或者自己要怎么做……

    想到个办法,页面增加一个视频流,然后用css控制,画面扩展到全屏,z-index足够小= =
    第 1 条附言  ·  2016-12-31 14:39:18 +08:00
    已经尝试了,视频流太晕眩……放弃,改用静态壁纸了。。
    11 条回复    2017-01-01 08:18:01 +08:00
    ragnaroks
        1
    ragnaroks  
       2016-12-31 11:52:40 +08:00
    https://github.com/linnett/backgroundVideo

    不过事实上也就是你那种做法
    ZE3kr
        2
    ZE3kr  
       2016-12-31 14:54:55 +08:00 via iPhone   ❤️ 1
    你试试 wordpress4.7 的 2017 默认主题,可以设置视频背景,而且自动播放的。
    ZE3kr
        3
    ZE3kr  
       2016-12-31 14:56:06 +08:00 via iPhone
    总之不要用 gif ,用 mp4 ,带宽不是问题, 1080p 的几秒钟视频压制的好的话就几 M ,你可以看看 Bing 搜索,有时候背景就是个视频。
    Famio
        4
    Famio  
    OP
       2016-12-31 15:02:28 +08:00
    @ZE3kr 你说的那个默认主题我试过,就是要这种效果。
    但可惜这个主题的文章页不是特别喜欢。所以打算自己弄。
    lslqtz
        5
    lslqtz  
       2016-12-31 16:15:00 +08:00 via iPhone
    我用的 video+z-index ,不兼容的浏览器输出图片 css ,手机用 js 加 muted+内联播放。
    https://www.osupink.org
    同样不考虑流量费
    lslqtz
        6
    lslqtz  
       2016-12-31 16:16:16 +08:00 via iPhone
    @ZE3kr gif 真心差评 mp4/webm 都行
    chunqiuyiyu
        7
    chunqiuyiyu  
       2016-12-31 16:59:59 +08:00
    事实上,博客的唯一要点只在内容
    zhidian
        8
    zhidian  
       2016-12-31 17:41:23 +08:00   ❤️ 1
    (接楼上)事实上,这样的博客我一点开就立马关闭。楼上说 gif 的……其实用 svg 也可以实现动画的,目测还小一些,当然这个就只有简单的几何元素那种动画了。
    Famio
        9
    Famio  
    OP
       2016-12-31 22:06:20 +08:00
    @chunqiuyiyu @zhidian 我赞成两位的。
    内容上我一直在维护,平均一周 3-4 篇原创文,只是刚好在折腾 UI ,就想试试看,结果实装后发现实在受不了,眼太花了。。。
    yejinmo
        10
    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
        11
    aprikyblue  
       2017-01-01 08:18:01 +08:00
    这样的博客我一点开就立马关闭+1.。
    想做内容的就好好做内容,加太多花哨东西重点突出得歪了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5301 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 07:51 · PVG 15:51 · LAX 23:51 · JFK 02:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.