اجرا نشدن حالت‌ها روی ویدیو

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

این لینک‌ها را میزارم ولی باز اعمال نمیشه

سلام،

کدهارو یکی یکی مینویسم در ادامه، میتونید تست بگیرید و دموش رو هم میذارم.

تم City:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>City Video.js Player</title>
        <!-- Base Video.js CSS -->
        <link
            href="https://unpkg.com/video.js@7/dist/video-js.min.css"
            rel="stylesheet"
        />
        <!-- Single Theme CSS -->
        <link
            href="https://unpkg.com/@videojs/themes@1/dist/city/index.css"
            rel="stylesheet"
        />
    </head>
    <body>
        <h1>City Video.js Player</h1>
        <!-- Video.js Player -->
        <video
            id="my-video"
            class="video-js vjs-theme-city"
            controls
            preload="auto"
            width="640"
            height="360"
            poster="https://vjs.zencdn.net/v/oceans.png"
        >
            <source
                src="https://vjs.zencdn.net/v/oceans.mp4"
                type="video/mp4"
            />
            <source
                src="https://vjs.zencdn.net/v/oceans.webm"
                type="video/webm"
            />
            <p class="vjs-no-js">
                To view this video please enable JavaScript, and consider
                upgrading to a web browser that
                <a
                    href="https://videojs.com/html5-video-support/"
                    target="_blank"
                    >supports HTML5 video</a
                >
            </p>
        </video>
        <!-- Video.js JavaScript -->
        <script src="https://unpkg.com/video.js@7/dist/video.min.js"></script>
        <script>
            // Initialize Video.js player
            var player = videojs("my-video");
        </script>
    </body>
</html>

دموی city