发现个非常好看的地球动态背景,希望能加到主题里

nwnuyhs 功能建议 200

很喜欢这个背景,地球还是动态的,希望可以加到主题里

链接:http://discuzmb.cn/demo/toutiao/portal.php

回复

共5条回复 我来回复
  • nwnuyhs
    nwnuyhs 评论

    背景MP4地址:https://lf9-static.bytednsdoc.com/obj/eden-cn/uhbfnupkbps/video/earth_v6.mp4

    2周前 0条评论
  • winjie
    winjie 评论

    添加一个earth.html文件到wordpress站点目录下,将earth.html文件编辑为

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Earth</title>
    <style>
    body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    }
    video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    </style>
    </head>
    <body>
    <video poster="template/dingzhi_2021_toutiao/dingzhi/earth_v6.jpg" autoplay loop muted>
    <source type="video/mp4" src="https://lf9-static.bytednsdoc.com/obj/eden-cn/uhbfnupkbps/video/earth_v6.mp4">
    </video>
    </body>
    </html>

    之后设置成下图这样就ok了

    1731910047-1

     

     

    1周前 0条评论
  • winjie
    winjie 评论
     <!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Earth</title>  <style>    body, html {      margin: 0;      padding: 0;      height: 100%;    }    video {      width: 100%;      height: 100%;      object-fit: cover;    }  </style></head><body>  <video poster="template/dingzhi_2021_toutiao/dingzhi/earth_v6.jpg" autoplay loop muted>    <source type="video/mp4" src="https://lf9-static.bytednsdoc.com/obj/eden-cn/uhbfnupkbps/video/earth_v6.mp4">  </video></body></html>
    1周前 0条评论
  • kylin
    kylin 评论

    做成网页调用可以直接用

    1周前 0条评论
  • DeepSea
    DeepSea
    不一样的导航 https://www.mk12.cn
    评论

    这不是头条的首页背景图吗

    1周前 0条评论
One Nav 导航主题