gitee page发布的静态网站，无法播放目录中的mp4视频

**静态网站无法播放MP4视频的问题**

在使用Gitee Page发布静态网站时，我们可能会遇到一些问题。其中一个常见的问题是，静态网站无法播放目录中的MP4视频。这是一个比较头疼的问题，因为它涉及到了多个方面的知识，如HTML、CSS、JavaScript等。

**原因分析**

在分析这个问题之前，我们需要了解一下Gitee Page的基本原理。Gitee Page是一种基于Web的静态网站生成器，它可以将Markdown文件转换成HTML网页。然而，MP4视频是由浏览器直接播放的，而不是通过Gitee Page来处理的。

因此，当我们在Gitee Page中添加MP4视频时，它们可能无法正常播放。这是因为Gitee Page没有内置支持MP4视频的功能。

**解决方案**

那么，如何解决这个问题呢？有以下几种方法：

###1. 使用第三方插件首先，我们可以尝试使用第三方插件来解决这个问题。例如，我们可以使用`vue-video-player`这个插件，它支持MP4视频的播放。

我们需要在我们的Gitee Page项目中安装这个插件，然后就可以使用它了。

bashnpm install vue-video-player

html<template>
 <div>
 <video-player src="path/to/video.mp4" />
 </div>
</template>

<script>
import VideoPlayer from 'vue-video-player';

export default {
 components: { VideoPlayer },
};
</script>

html

html