CodeSolved

A comprehensive source of programming questions and exercises

Video Video on Page

Practice Easy 202/ Download 357 Views

Write a code that uploads a video with an address (test) on the page. There are video control buttons too

4 Answers

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>نمایش ویدئو در صفحه</title>
</head>
<body>
    <video controls>
        <source src="test" type="video/mp4">
        خطا: مرورگر پشتیبانی نمی کند
    </video>
</body>
</html>
Saeeda33 Download HTML & CSS 
<!DOCTYPE html>
<html>

<head>
  <title>تست</title>
</head>

<body>
  <video controls muted autoplay>
    <source src="test.mp4" type="video/mp4">
    error
  </video>

</body>
</html>
Rezanajafianez Download HTML & CSS 
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>پخش ویدیو</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
            font-family: Arial, sans-serif;
        }

        video {
            width: 80%;
            max-width: 600px;
            border: 1px solid #ccc;
            border-radius: 8px;
        }

        .controls {
            margin-top: 10px;
            display: flex;
            justify-content: center;
        }

        button {
            padding: 10px 15px;
            margin: 0 5px;
            border: none;
            border-radius: 5px;
            background-color: #007bff;
            color: white;
            cursor: pointer;
            font-size: 16px;
        }

        button:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <video id="myVideo" controls>
        <source src="test.mp4" type="video/mp4"> <!-- آدرس ویدیو -->
        مرورگر شما از تگ ویدیو پشتیبانی نمی‌کند.
    </video>

    <div class="controls">
        <button onclick="playVideo()">پخش</button>
        <button onclick="pauseVideo()">توقف</button>
        <button onclick="stopVideo()">متوقف کردن</button>
    </div>

    <script>
        const video = document.getElementById('myVideo');
        function playVideo() {
            video.play();
        }

        function pauseVideo() {
            video.pause();
        }

        function stopVideo() {
            video.pause();
            video.currentTime = 0; # Returns the video to the beginning
        }
    </script>

</body>
</html>
Mma123 Download JavaScript HTML & CSS 
<!DOCTYPE html>
<html lang="fa";>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport " content="width=device-width,intial-scale=1.0">
    </head>
    <body>
        <video content="width=device-width,intial-scale=1.0" controls autoplay muted >
            <source src="test.mp4" type="video/mp4">
            <track src="test.vtt" kind="subtitles" srclang='fa' label="farsi"> 
        </video>
    </body>
</html>
Maryam.n Download HTML & CSS

Submit answer

Submitting answers is currently unavailable.

Related content

Detection using AI
×

حساب کاربری

برای استفاده از این بخش باید وارد حساب کاربریت بشی

ورود/ثبت نام
×

I can't solve this exercise 😞

If you don’t understand the exercise or can’t solve it for any reason, that’s completely normal—don’t worry 😊
Try checking out easier exercises and reviewing different answers submitted by others. Gradually, you can move on to more challenging exercises. Also, your answer might be correct even if it’s different from others.

Close