Ymuyi
YMUYI恶魔奶爸-邦枝葵

YMUYI全屏样式首页雏形版基本完成

前天上网时无意发现了一个同好网站,对其首页那种全屏播放视频的形式甚是喜欢(也有可能只是被视频内容感染了),总之,我心血来潮,也想弄个这样的……

经过一整天的写代码,修改,调试,总算是弄得差不多了,接着做了个简单的wordpress主题(只有index.php和style.css文件),然后就迫不及待得用在我的首页上了。

代码非常简单,用了HTML5的<video>标签和CSS的z-index属性。由于<video>标签比较“先进”,不兼容IE8及以下版本的老浏览器,所以推荐使用最新版的firefox、chrome、IE9+、360浏览器、QQ浏览器等“高大上”的浏览器。只怪偶还是个刚入门的菜鸟,知道的东西太少太少,所以主题在兼容性、自适应、以及多视频连播等方面都还有很多bug和不懂之处,还请路过的大神们指教啊!

另外,网站背景视频源自《恶魔奶爸》ED3-なないろ☆ナミダ。、

特点:自适应、部分响应式、扁平化——

DEMO            下载

码字很辛苦,转载请注明来自Ymuyi《YMUYI全屏样式首页雏形版基本完成》

评论

  1. etsy #1

    [挖鼻屎] 多谢好文章,多些这种文章真不错

    回复
    2016-02-27
  2. 次克 #2

    我决定了,我需要这样的首页[发嗲]

    回复
    2016-02-8
  3. Autumn #3

    能发一份你首页的全屏动画给我吗,我想研究一下。

    回复
    2015-09-2
    • Ymuyi

      可以哦,发邮箱吗?

      回复
      2015-09-4
      • Autumn

        谢谢啦 [email protected]

        回复
        2015-09-4
        • Ymuyi

          噢,你在线呀。稍等一下哦,我打包下

          回复
          2015-09-4
          • Autumn

            已经收到了,没有什么疑问,就是不知道视频从哪里找就是了。

            2015-09-4
          • Ymuyi

            我一般是在niconico和bilibili上下载的视频。本来托管了很多在vimeo上,可现在……

            2015-09-4
          • Autumn

            你需要的话我可以帮你翻过去,互助嘛!

            2015-09-4
          • Ymuyi

            好啊

            2015-09-5
          • Autumn

            如果你有即时聊天工具的话,你发到我邮件来吧,例如:QQ

            2015-09-5
  4. 疯贤 #4

    我決定了,弄一個玩玩

    回复
    2015-07-15
  5. 疯贤 #5

    擦,我也去弄一个玩

    回复
    2015-07-15
    • Ymuyi

      求大神指教 ➡

      回复
      2015-07-15
      • 疯贤

        借你的视频用用可以吗?我自己过会做一个,初步的样子http://flxxyz.com/

        回复
        2015-07-15
        • Ymuyi

          嗯,没问题的

          回复
          2015-07-16
  6. 菠萝格格 #6

    这个主题蛮帅哒 尤其喜欢边栏

    回复
    2015-07-14
    • ykwp

      嗯嗯,我也挺喜欢滴o(≧v≦)o~~好棒

      回复
      2015-07-15