Front-End
JavaScript
You must be logged in to access this section.
Login/Sign up
<!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>
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>
<!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>
<!DOCTYPE html>
<html>
<head>
<title>تست</title>
</head>
<body>
<video controls muted autoplay>
<source src="test.mp4" type="video/mp4">
error
</video>
</body>
</html>
<!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>
<!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>
HTML & CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>نمایش ویدیو</title>
</head>
<body>
<video src="text.mp4" controls></video>
</body>
</html>
Submitting answers is currently unavailable.
You must be logged in to access this section.
Login/Sign up 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.