这里记录一下,在gitee上部署静态网站,并在ios上可以播放本地视频
gitee部署静态网站很简单,只需先创建一个公开的仓库,然后开启Gitee Pages 服务
然后根据gitee提示,开启服务就可以了,每次提交之后都要更新一下,否则不会生效。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>视频集</title>
<style>
body, html {
width: 100%;
padding: 0;
margin: 0;
}
h2 {
width: 100%;
text-align: center;
}
.box {
width: 100%;
}
.box .item {
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.box .item h3 {
width: 100%;
text-align: center;
}
.box .item .video {
padding: 20px;
}
</style>
</head>
<body>
<div>
<h2>视频作品集展示</h2>
<div class="box">
<div class="item">
<h2>标题1</h2>
<div class="video">
<video
id="video"
controls
playsinline
webkit-playsinline
x-webkit-airplay
x5-video-player-type="h5"
src="./public/xgplayer-demo.mov"
poster="./public/poster1.png"
style="width: 100%; transform: scale(1) translate(0%, 0%) rotate(0deg);"
>
</video>
</div>
</div>
</div>
</div>
</body>
<script>
</script>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。