Django Static Video Wont Play On Chrome or Edge
У меня есть целевая страница, которая является проектом Django и размещена на Heroku. По какой-то причине я не могу заставить видео на целевой странице воспроизводиться в Chrome или Edge. В Firefox оно работает нормально, вот мой html-код. Видео, о котором идет речь, окружено тегом video.Я также должен добавить, что оно отлично работает на моем сервере dev в любом браузере. Заранее спасибо за помощь.
{% block content %}
{% load static %}
<html lang="en">
<head>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<!--Font Awesome-->
<script src="https://kit.fontawesome.com/9571fdc7fc.js" crossorigin="anonymous"></script>
<!--JS-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src= "https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<!-- Custom CSS -->
<link rel ="stylesheet" href={%static "forms/css/home-styles.css" %}>
<title>Missing Link</title>
</head>
<body>
<secion class ="showcase">
<header>
<h2 class ="logo"> <img src="{% static "forms/chain.png" %}" alt="logo" class ="logo" height="42" width= "42"> Missing Link</h2>
</header>
<video autoplay loop muted>
<source src="{% static "forms/landing_video.mp4" %}" type="video/mp4"> </source>
</video>
<div class ="overlay"></div>
<div class ="text">
<h2> IT Data Systems</h2>
<h3> Believing In Something Better ! </h3>
<p> </p>
{% if user.is_authenticated %}
<a class="btn btn-primary btn-lg" href="/dashboard" role="button">My Dashboard</a>
{% else %}
<p>If you arent a current user, please contact your local administrator. </p>
<a class="btn btn-primary btn-lg" href="/account/login" role="button">Login</a>
{% endif %}
</div>
</section>
<section class = "footer">
<!-- Footer -->
<footer class="page-footer font-small blue pt-4">
<!-- Copyright -->
<div class="footer-copyright text-center py-3">Newmark Education IT Data Systems © ML V 1.04 Alpha 2019-2021 Copyright
</div>
</footer>
</section>
</body>
</html>
{% endblock %}