<video autoplay>　自動再生されません。

前提・実現したいこと

<video autoplay>と記述しても自動再生されません。
原因を知りたいです。

↓模写コーディングしています。
https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1640823441_ZmY1ZjQzNzU0ODE5

画面

該当のソースコード

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6	<link rel="stylesheet" href="stylesheet.css">
7  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
8  <link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet">
9  <title>Bootstrap</title>
10</head>
11
12<body>
13<div class="container-fluid p-0">
14
15  <div class="row top p-0 m-0">
16    <div class="top-col-video col-lg-6 col-xs-12 p-0 m-0">
17      <video class="p-0 m-0" playsinline crossorigin="anonymous" autoplay  loop controls>
18        <source src="https://a0.muscache.com/v/a9/a7/a9a7873c-95de-5e37-8995-a5abb5b6b02f/a9a7873c95de5e378995a5abb5b6b02f_4000k_1.mp4" type="video/mp4">
19        </video>
20    </div>
21    <div class="top-col-box col-lg-6 col-xs-12 p-0 m-0">
22      <i class="fab fa-airbnb"></i>
23      <div class="top-col-box-letter p-0 m-0">
24        <h1>ホスティングこそ<br>まさにAirbnbが<br>Airbnbである理由</h1>
25        <input type="submit" value="ホスティングをはじめる">
26      </div>
27    </div>
28  </div>
29
30</div>
31<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
32  <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
33</body>
34</html>

CSS
1
2@charset "UTF-8";
3* {
4	clear: both;
5}
6body {
7margin:0;
8padding:0;
9}
10.container-fluid {
11	height: 5000px;
12	font-family:sans-serif;
13}
14
15
16.top {
17	border:solid;
18	width:100%;
19}
20.top-col-video {
21}
22.top-col-video video{
23	object-fit: cover;
24	width:100%;
25	height:100%;
26}
27.top-col-box{
28}
29.top-col-box-letter{
30}
31.top-col-box-letter h1{
32	color:black;
33font-weight:900;
34}
35.top-col-box-letter input{
36color:white;
37background-color:#c70067;
38display:block;
39margin:70px auto;
40border:none;
41padding:12px 24px;
42border-radius:8px;
43font-weight:bold;
44}
45.fa-airbnb{
46	color:white;
47	font-size:38px;
48cursor:pointer;
49padding:12px 15px;
50}
51.fa-airbnb:hover{
52	background-color:rgba(220,220,220,.2);
53	border-radius:50%;
54}
55@media screen and (min-width:992px) {
56	.top {
57		display: flex;
58		flex-direction: row-reverse;
59		height:720px;
60	}
61	.top-col-box{
62		background-color:black;
63		height:100%;
64	}
65	.top-col-video{
66		height:100%;
67	}
68	.top-col-box-letter h1{
69		color:white;
70		font-size:60px;
71		line-height:65px;
72	margin:110px 0 0 0;
73		text-align:center;
74	}
75	.fa-airbnb{
76		margin:32px 0 0 32px;
77	}
78
79}
80
81@media screen and (max-width:992px){
82.top{
83	height:740px;
84}
85.top-col-video{
86	height:65%;
87}
88.top-col-box{
89	height:35%;
90}
91.top-col-box-letter{
92	margin:0 0 0 100px;
93}
94.top-col-box-letter input{
95	display:none;
96}
97.fa-airbnb{
98display:none;
99}
100}
101
102@media screen and (max-width:768px){
103.top{
104	height:600px;
105}
106.top-col-video{
107	height:68%;
108}
109.top-col-box{
110	height:32%;
111}
112.top-col-box-letter input{
113	display:none;
114}
115.fa-airbnb{
116display:none;
117}
118}