نمایش ویدیو در صفحه

تمرین آسان 1286 visibility link download flag

کدی بنویسید که ویدیویی با آدرس (test) را در صفحه بارگذاری کند. دکمه های کنترل ویدیو نیز وجود داشته باشد

reply 12

visibility
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Saeeda33 HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Mhrshad.jfri HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Mohammadtaha.taheri HTML & CSS 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>adress</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
     <video src="2.mp4" controls width="1290" height="600"></video><hr>
</body>
</html>
Sumy.amiri HTML & CSS 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ZARAS</title>
    <link rel="shortcut icon" href="favicon (14).ico" type="image/x-icon">
</head>
<body>

    <video width="400" height="400" controls>
        <source src="test.mp4">
    </video>

</body>
</html>
Zaras HTML & CSS 
<!DOCTYPE html>
<html>
  <head>
    <title>نمایش ویدیو</title>
    </style>
  </head>
  <body>
    <video autoplay controls>
      <source src="test.mp4" type="video/mp4">
    </video>
  </body>
</html>
M.a.mesbah HTML & CSS 
<video width="600" controls>
  <source src="test" type="video/mp4">
  Your browser does not support the video tag.
</video>
Ai HTML & CSS 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>video</title>
    <link rel="stylesheet" href="">

</head>
<body>
    <a href="D:\FILM\انیمیشن\بالا" title="FILM" target="_blank">
        <video src="video/Up.2009.480p.Farsi.Dubbed.mkv" controls ></video>
    </a>

</body>
</html>
Sumy.amiri 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>
Programmer 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; // ویدیو را به ابتدا برمی‌گرداند
        }
    </script>

</body>
</html>
Mma123 JavaScript HTML & CSS
<< صفحه قبل 1 2 صفحه بعد >>

ارسال جواب

جوابت را با Markdown بنویس و ثبت کن

×

حساب کاربری

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

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