## Task
Create an HTML document that embeds a video clip showcasing boats at a resort. Add an appropriate attribute for controls. Additionally, use the following URL to specify the video: `https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/Boats+at+Resort+Video.mp4`.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkJvYXRzIGF0IFJlc29ydDwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+Qm9hdHMgYXQgUmVzb3J0PC9oMT4KICAgIDwhLS0gU3RlcCAxOiBFbWJlZCB0aGUgdmlkZW8gY2xpcCAtLT4KICAgIDxfX19fXyBfX19fXyB3aWR0aD0iMzAwIj4KICAgICAgPHNvdXJjZQogICAgICAgIF9fX19fPSJfX19fXyIKICAgICAgICB0eXBlPSJ2aWRlby9tcDQiCiAgICAgIC8+CiAgICAgIFlvdXIgYnJvd3NlciBkb2VzIG5vdCBzdXBwb3J0IHRoZSB2aWRlbyBlbGVtZW50LgogICAgPC9fX19fXz4KICAgIDxwPgogICAgICA8c3Ryb25nPkJvYXRzIGF0IFJlc29ydDwvc3Ryb25nPiBvZmZlcnMgYSBzZXJlbmUgZXNjYXBlIG5lc3RsZWQgYWxvbmcgdGhlCiAgICAgIHBpY3R1cmVzcXVlIHNob3JlcyBvZiBhIHRyYW5xdWlsIGxha2UuIEVtYnJhY2UgdGhlIGJlYXV0eSBvZiBuYXR1cmUgYXMgeW91CiAgICAgIGluZHVsZ2UgaW4gYSBibGlzc2Z1bCBnZXRhd2F5IGF0IHRoaXMgd2F0ZXJmcm9udCBwYXJhZGlzZS4gV2hldGhlciB5b3UncmUKICAgICAgc2Vla2luZyA8ZW0+YWR2ZW50dXJlIG9uIHRoZSB3YXRlcjwvZW0+IG9yCiAgICAgIDxlbT5yZWxheGF0aW9uIGJ5IHRoZSBzaG9yZTwvZW0+LCBvdXIgcmVzb3J0IHByb3ZpZGVzIHRoZSBwZXJmZWN0IHNldHRpbmcKICAgICAgZm9yIHVuZm9yZ2V0dGFibGUgZXhwZXJpZW5jZXMuIEhvcCBhYm9hcmQgb3VyIGZsZWV0IG9mIGJvYXRzIGFuZCBlbWJhcmsgb24KICAgICAgPHN0cm9uZz5sZWlzdXJlbHkgY3J1aXNlczwvc3Ryb25nPiwKICAgICAgPHN0cm9uZz50aHJpbGxpbmcgd2F0ZXIgc3BvcnRzPC9zdHJvbmc+LCBvcgogICAgICA8c3Ryb25nPnBlYWNlZnVsIGZpc2hpbmcgZXhjdXJzaW9uczwvc3Ryb25nPi4KICAgIDwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

## Hint
Step 1: Use the `<video>` tag to embed the video clip. Add the `controls` attribute to enable standard video controls. Inside the `<video>` tag, use the `src` attribute to specify the URL of the MP4 video file.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkJvYXRzIGF0IFJlc29ydDwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+Qm9hdHMgYXQgUmVzb3J0PC9oMT4KICAgIDwhLS0gU3RlcCAxOiBFbWJlZCB0aGUgdmlkZW8gY2xpcCAtLT4KICAgIDx2aWRlbyBjb250cm9scyB3aWR0aD0iMzAwIj4KICAgICAgPHNvdXJjZQogICAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL0JvYXRzK2F0K1Jlc29ydCtWaWRlby5tcDQiCiAgICAgICAgdHlwZT0idmlkZW8vbXA0IgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgdmlkZW8gZWxlbWVudC4KICAgIDwvdmlkZW8+CiAgICA8cD4KICAgICAgPHN0cm9uZz5Cb2F0cyBhdCBSZXNvcnQ8L3N0cm9uZz4gb2ZmZXJzIGEgc2VyZW5lIGVzY2FwZSBuZXN0bGVkIGFsb25nIHRoZQogICAgICBwaWN0dXJlc3F1ZSBzaG9yZXMgb2YgYSB0cmFucXVpbCBsYWtlLiBFbWJyYWNlIHRoZSBiZWF1dHkgb2YgbmF0dXJlIGFzIHlvdQogICAgICBpbmR1bGdlIGluIGEgYmxpc3NmdWwgZ2V0YXdheSBhdCB0aGlzIHdhdGVyZnJvbnQgcGFyYWRpc2UuIFdoZXRoZXIgeW91J3JlCiAgICAgIHNlZWtpbmcgPGVtPmFkdmVudHVyZSBvbiB0aGUgd2F0ZXI8L2VtPiBvcgogICAgICA8ZW0+cmVsYXhhdGlvbiBieSB0aGUgc2hvcmU8L2VtPiwgb3VyIHJlc29ydCBwcm92aWRlcyB0aGUgcGVyZmVjdCBzZXR0aW5nCiAgICAgIGZvciB1bmZvcmdldHRhYmxlIGV4cGVyaWVuY2VzLiBIb3AgYWJvYXJkIG91ciBmbGVldCBvZiBib2F0cyBhbmQgZW1iYXJrIG9uCiAgICAgIDxzdHJvbmc+bGVpc3VyZWx5IGNydWlzZXM8L3N0cm9uZz4sCiAgICAgIDxzdHJvbmc+dGhyaWxsaW5nIHdhdGVyIHNwb3J0czwvc3Ryb25nPiwgb3IKICAgICAgPHN0cm9uZz5wZWFjZWZ1bCBmaXNoaW5nIGV4Y3Vyc2lvbnM8L3N0cm9uZz4uCiAgICA8L3A+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==

Behersk de nødvendige færdigheder til at opbygge velstruktureret og tilgængeligt HTML-webindhold. Strukturér dokumenter med tags, elementer og attributter, formater tekst og lister, og integrér billeder, lyd og video. Opret tabeller til organiserede data og formularer til brugerinput, og anvend semantisk HTML til at bygge et komplet, tilgængeligt website fra bunden.

Dyk ned i grundlæggende principper for internettet og HTML, herunder taggenes, elementernes og attributternes rolle samt den basale struktur af et HTML-dokument. Følg internettets korte historie og se, hvorfor HTML fortsat udgør fundamentet for enhver side.

Udforsk det grundlæggende i HTML-tekstformatering og lister, fra overskrifter og afsnit til fed, kursiv og gennemstreget stil. Opret hyperlinks og knapper, og strukturer indhold med ordnede og uordnede lister.

Lær at integrere billeder, lyd og video i dine HTML-sider ved hjælp af img-, audio- og video-elementerne. Konfigurer attributter som src, alt, controls og autoplay for at berige dine sider med visuelt og auditivt indhold.

Lær at præsentere data og indsamle brugerinput med HTML-tabeller og formularer. Opbyg tabelstrukturer med thead og tbody, og opret derefter formularer med mærkede inputfelter og attributter som required, placeholder og disabled.

Tag din viden til næste niveau med semantiske HTML-elementer såsom header, nav, section, article og footer. Anvend dem til at opbygge et komplet, tilgængeligt one-page porteføljewebsite fra bunden.

Challenge: Use Video Elements

Task

Hint

Challenge: Use Video Elements

Task

Hint