Не подключаются стили к Plyr.io

Question

Делал все по инструкции , скачал репозиторий Plyr. Закинул папку dist с файлом plyr.js и plyr.css в проект. Файл plyr.js успешно подключается, а вот .css не хочет. В чем проблема?

Делаю Spring Boot проект

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title th:text="${title}"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/frame.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/plyr/plyr.css}"/>
    <script src="text/javascript" th:src="@{/plyr/plyr.js}"></script>
</head>
<body>
<div class="outer">
    <div class="middle">
        <div class="inner">
            <video controls
                   crossorigin
                   playsinline
                   poster="https://i.pinimg.com/736x/e8/27/eb/e827eb3d61909aea0c45232183bb9e03.jpg"
                   id="player">

                <!-- Video files -->
                <source src="/films/1.mp4" type="video/mp4" size="576">
                <source src="/films/2.mp4" type="video/mp4" size="720">
                <source src="/films/3.mp4" type="video/mp4" size="1080">
                <source src="/films/4.mp4" type="video/mp4" size="1440">

                <!-- Fallback for browsers that don't support the <video> element -->
                <a href="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" download>Download</a>
            </video>

            <p class="film_name">Фильм</p>
        </div>
    </div>
</div>
</body>
</html>

БЛОГ НА HUSL

Не подключаются стили к Plyr.io

Ответы (0 шт):