Upload 2 files

player.css

@@ -0,0 +1,88 @@
+/* Fonte personalizada */
+@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
+
+/* Definição das cores */
+:root {
+  --primary-color: #FF5C5C;
+  --secondary-color: #FFF;
+  --tertiary-color: #333;
+}
+
+/* Estilo básico do corpo da página */
+body {
+  font-family: 'Roboto', sans-serif;
+  background-color: var(--secondary-color);
+  color: var(--tertiary-color);
+  margin: 0;
+  padding: 0;
+}
+
+/* Estilo do cabeçalho */
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: var(--primary-color);
+  padding: 1rem;
+}
+
+/* Estilo do logotipo */
+.logo {
+  font-size: 2rem;
+  font-weight: 700;
+  color: var(--secondary-color);
+}
+
+/* Estilo dos botões */
+button {
+  background-color: var(--secondary-color);
+  color: var(--primary-color);
+  border: none;
+  border-radius: 5px;
+  padding: 0.5rem 1rem;
+  font-size: 1rem;
+  font-weight: 700;
+  cursor: pointer;
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+button:hover {
+  background-color: var(--primary-color);
+  color: var(--secondary-color);
+}
+
+/* Estilo da seção principal */
+main {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+/* Estilo do wrapper do vídeo */
+.video-wrapper {
+  position: relative;
+  width: 100%;
+  padding-top: 56.25%;
+}
+
+/* Estilo do vídeo */
+#video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+/* Estilo do player */
+#play-button {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+  font-size: 2rem;
+}

player.js

@@ -0,0 +1,14 @@
+const video = document.getElementById('video');
+const playButton = document.getElementById('play-button');
+
+playButton.addEventListener('click', toggleVideo);
+
+function toggleVideo() {
+  if (video.paused) {
+    video.play();
+    playButton.textContent = 'Pause';
+  } else {
+    video.pause();
+    playButton.textContent = 'Play';
+  }
+}