环境

Butterfly 版本：4.3.1

放入视频文件 spring.mp4 到 [blogRoot]/source/temp/

_config.butterfly.yml：

# Disable all banner image
disable_top_img: false

# The banner image of home page
index_img: /temp/spring.mp4 # 随便填

# If the banner of page not setting, it will show the top_img
default_top_img: false

# The banner image of archive page
archive_img: false

# If the banner of tag page not setting, it will show the top_img
# note: tag page, not tags page (子標籤頁面的 top_img)
tag_img: false

# The banner image of tag page
# format:
#  - tag name: xxxxx
tag_per_img: false

# If the banner of category page not setting, it will show the top_img
# note: category page, not categories page (子分類頁面的 top_img)
category_img: false

# The banner image of category page
# format:
#  - category name: xxxxx
category_per_img: false

代码

编辑 [themeRoot]/layout/includes/header/index.pug：

if !theme.disable_top_img && page.top_img !== false
  if is_post()
    - var top_img = false
  else if is_page()
    - var top_img = page.top_img || theme.default_top_img
  else if is_tag()
    - var top_img = theme.tag_per_img && theme.tag_per_img[page.tag] 
    - top_img = top_img ? top_img : (theme.tag_img !== false ? theme.tag_img || theme.default_top_img : false)
  else if is_category()
    - var top_img = theme.category_per_img && theme.category_per_img[page.category]
    - top_img = top_img ? top_img : (theme.category_img !== false ? theme.category_img || theme.default_top_img : false)
  else if is_home()
    - var top_img = theme.index_img !== false ? theme.index_img || theme.default_top_img : false
  else if is_archive()
    - var top_img = theme.archive_img !== false ? theme.archive_img || theme.default_top_img : false
  else
    - var top_img = page.top_img || theme.default_top_img

  if top_img !== false
    - var site_title = page.title || page.tag || page.category || config.title
    - var isHomeClass = is_home() ? 'full_page' : 'not-home-page'
    - is_post() ? isHomeClass = 'post-bg' : isHomeClass
  else
    - var isHomeClass = 'not-top-img'
else
  - var top_img = false
  - var isHomeClass = 'not-top-img'

header#page-header(class=isHomeClass)
  !=partial('includes/header/nav', {}, {cache: true})
  if top_img !== false
    if is_post()
      - var isHomeClass = 'not-top-img'
      include ./post-info.pug
    else if is_home() 
      video(src='/temp/spring.mp4' autoplay="" loop="" muted="" style='min-height:100%;height:100%;width:100%;object-fit:cover')
      #site-info
        h1#site-title=site_title
        if theme.subtitle.enable
          - var loadSubJs = true
          #site-subtitle
            span#subtitle
        if(theme.social)
          #site_social_icons
            !=fragment_cache('social', function(){return partial('includes/header/social')})
      #scroll-down
        i.fas.fa-angle-down.scroll-down-effects
    else
      #page-site-info
        h1#site-title=site_title