Video Player

andrewnotermans29354 · April 22, 2023, 10:42am

Here my solution to project Video Player

gist.github.com

https://gist.github.com/codecademydev/e9d2df521c32de118f731bddda5c7daa

App.js

import React, { useState } from 'react';
import { createRoot } from 'react-dom/client';
import Video from './Video';
import Menu from './Menu';

const VIDEOS = {
  fast: 'https://content.codecademy.com/courses/React/react_video-fast.mp4',
  slow: 'https://content.codecademy.com/courses/React/react_video-slow.mp4',
  cute: 'https://content.codecademy.com/courses/React/react_video-cute.mp4',
  eek: 'https://content.codecademy.com/courses/React/react_video-eek.mp4'

This file has been truncated. show original

Menu.js

function Menu(props) {
  const clickHandler = (event) => {
    const name = event.target.value;
    props.onSelectVideo(name);
  }
   
	return (
		  <form onClick={clickHandler} >
			  <input type="radio" name="src" value="fast"/> fast
			  <input type="radio" name="src" value="slow" /> slow

This file has been truncated. show original

Video.js

function Video(props) {
    return (
      <div>
        <video src={props.src} controls autostart autoPlay muted/>
      </div>
    );
};
export default Video;