jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-04-08 16:00:58 -04:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): refine editable regions in html video player (#65310)

Browse Source 
Co-authored-by: Jeevankumar-S <jeevenkumar2003@email.com>
This commit is contained in:
Jeevankumar S
2026-01-31 15:46:14 +05:30
committed by GitHub
parent 9c979b0254
commit ae580f01bf
13 changed files with 89 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
curriculum/challenges/english/blocks/workshop-html-video-player/68f18724d71db1dda8d6fec7.md
View File

@@ -35,14 +35,14 @@ assert.strictEqual(h1?.textContent.trim(), 'Working with the HTML Video Element'
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<body>
--fcc-editable-region--
--fcc-editable-region--
</body>
</body>
</html>
```

8
curriculum/challenges/english/blocks/workshop-html-video-player/68f1eb9ad0a7575e4dbc31d5.md
View File

@@ -31,14 +31,14 @@ assert.exists(document.querySelector('h1 + video'));
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
--fcc-editable-region--
--fcc-editable-region--
</body>
</html>

8
curriculum/challenges/english/blocks/workshop-html-video-player/68f1f371fefd448b4f70b898.md
View File

@@ -28,9 +28,9 @@ assert.strictEqual(video?.getAttribute('width'), '640');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -38,6 +38,6 @@ assert.strictEqual(video?.getAttribute('width'), '640');
<video>
--fcc-editable-region--
</video>
</body>
</body>
</html>
```

8
curriculum/challenges/english/blocks/workshop-html-video-player/68f1f57723debf9383c75947.md
View File

@@ -30,9 +30,9 @@ assert.isTrue(video?.hasAttribute('loop'));
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -40,6 +40,6 @@ assert.isTrue(video?.hasAttribute('loop'));
<video width="640">
--fcc-editable-region--
</video>
</body>
</body>
</html>
```

8
curriculum/challenges/english/blocks/workshop-html-video-player/68f1f6f97af9749a42260a43.md
View File

@@ -32,9 +32,9 @@ assert.isTrue(video?.hasAttribute('controls'));
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -42,6 +42,6 @@ assert.isTrue(video?.hasAttribute('controls'));
<video width="640" loop>
--fcc-editable-region--
</video>
</body>
</body>
</html>
```

8
curriculum/challenges/english/blocks/workshop-html-video-player/68f1f8c248306da204655117.md
View File

@@ -30,9 +30,9 @@ assert.isTrue(video?.hasAttribute('muted'));
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -40,6 +40,6 @@ assert.isTrue(video?.hasAttribute('muted'));
<video width="640" loop controls>
--fcc-editable-region--
</video>
</body>
</body>
</html>
```

13
curriculum/challenges/english/blocks/workshop-html-video-player/68f1f993460f06a64c033061.md
View File

@@ -28,21 +28,22 @@ assert.strictEqual(video?.getAttribute('poster'), 'https://cdn.freecodecamp.org/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
--fcc-editable-region--
<video
width="640"
loop
controls
muted
>
--fcc-editable-region--
--fcc-editable-region--
>
</video>
</body>
</body>
</html>
```

10
curriculum/challenges/english/blocks/workshop-html-video-player/68f1fac259a4afabb478b960.md
View File

@@ -38,9 +38,9 @@ assert.exists(document.querySelector('video > source'));
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -52,9 +52,9 @@ assert.exists(document.querySelector('video > source'));
poster="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg"
>
--fcc-editable-region--
--fcc-editable-region--
</video>
</body>
</body>
</html>
```

10
curriculum/challenges/english/blocks/workshop-html-video-player/68f268880219c2485bd71d2a.md
View File

@@ -36,9 +36,9 @@ assert.strictEqual(source?.getAttribute('src'),
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -50,9 +50,9 @@ assert.strictEqual(source?.getAttribute('src'),
poster="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg"
>
--fcc-editable-region--
<source>
<source>
--fcc-editable-region--
</video>
</body>
</body>
</html>
```

14
curriculum/challenges/english/blocks/workshop-html-video-player/68f26a5f79e97c5032c10642.md
View File

@@ -41,9 +41,9 @@ assert.strictEqual(source?.getAttribute('type'), 'video/mp4');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -54,12 +54,12 @@ assert.strictEqual(source?.getAttribute('type'), 'video/mp4');
muted
poster="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
--fcc-editable-region--
<source
src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
>
--fcc-editable-region--
>
</video>
</body>
</html>

18
curriculum/challenges/english/blocks/workshop-html-video-player/68f26d52b13e0f5b6e2d2e09.md
View File

@@ -57,9 +57,9 @@ assert.strictEqual(source?.getAttribute('type'), 'video/webm');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -70,14 +70,14 @@ assert.strictEqual(source?.getAttribute('type'), 'video/webm');
muted
poster="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
type="video/mp4"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
type="video/mp4"
>
--fcc-editable-region--
--fcc-editable-region--
</video>
</body>
</body>
</html>
```

26
curriculum/challenges/english/blocks/workshop-html-video-player/68f2701b2160c765f23b60f8.md
View File

@@ -57,9 +57,9 @@ assert.strictEqual(source?.getAttribute('type'), 'video/ogg');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -70,18 +70,18 @@ assert.strictEqual(source?.getAttribute('type'), 'video/ogg');
muted
poster="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
type="video/mp4"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/mapmethod.webm"
type="video/webm"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
type="video/mp4"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/mapmethod.webm"
type="video/webm"
>
--fcc-editable-region--
--fcc-editable-region--
</video>
</body>
</body>
</html>
```

34
curriculum/challenges/english/blocks/workshop-html-video-player/68f27139bddf9f6bf2821acf.md
View File

@@ -59,9 +59,9 @@ assert.strictEqual(source?.getAttribute('type'), 'video/quicktime');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Working with the HTML Video Element</title>
</head>
<body>
<h1>Working with the HTML Video Element</h1>
@@ -72,23 +72,23 @@ assert.strictEqual(source?.getAttribute('type'), 'video/quicktime');
muted
poster="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
type="video/mp4"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/mapmethod.webm"
type="video/webm"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/mapmethod.ogg"
type="video/ogg"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
type="video/mp4"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/mapmethod.webm"
type="video/webm"
>
<source
src="https://cdn.freecodecamp.org/curriculum/labs/mapmethod.ogg"
type="video/ogg"
>
--fcc-editable-region--
--fcc-editable-region--
</video>
</body>
</body>
</html>
```