Breaking News: Grepper is joining You.com. Read the official announcement!

resolve Cross-Origin Read Blocking (CORB) blocked cross-origin response https://m.youtube.com/watch?v=%3ATcA3OG_WAE4 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Disturbed Dunlin answered on July 11, 2023 Popularity 5/10 Helpfulness 1/10

answer resolve Cross-Origin Read Blocking (CORB) blocked cross-origin response https://m.youtube.com/watch?v=%3ATcA3OG_WAE4 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

resolve Cross-Origin Read Blocking (CORB) blocked cross-origin response https://m.youtube.com/watch?v=%3ATcA3OG_WAE4 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Comment

import { useState, useEffect } from "react";
import { useParams } from "react-router-dom";
import ReactPlayer from "react-player";
import { Box, Stack } from "@mui/material";
import { fetchFromAPI } from "../utils/fetchFromAPI";

const VideoDetail = () => {
  const { id } = useParams();
  const [videoUrl, setVideoUrl] = useState("");

  useEffect(() => {
    fetchFromAPI(`videos?part=snippet&id=${id}`)
      .then((data) => {
        const videoId = data.items[0].id;
        setVideoUrl(`https://www.youtube.com/watch?v=${videoId}`);
      });
  }, [id]);

  return (
    <Box minHeight="95vh">
      <Stack direction={{ xs: "column", md: "row" }}>
        <Box flex={1}>
          <Box sx={{ width: "100%", position: "sticky", top: "86px" }}>
            <ReactPlayer url={videoUrl} />
          </Box>
        </Box>
      </Stack>
    </Box>
  );
};

export default VideoDetail;

Popularity 5/10 Helpfulness 1/10 Language whatever

Source: chat.openai.com

Tags: blocked blocking mime resolve response whatever

Link to this answer
Share Copy Link

Contributed on Jul 11 2023

Disturbed Dunlin

0 Answers Avg Quality 2/10

resolve Cross-Origin Read Blocking (CORB) blocked cross-origin response https://m.youtube.com/watch?v=%3ATcA3OG_WAE4 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Contents

More Related Answers

resolve Cross-Origin Read Blocking (CORB) blocked cross-origin response https://m.youtube.com/watch?v=%3ATcA3OG_WAE4 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.