mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-04-29 21:14:32 +01:00
"Dummy video has been added and instead of using the reactyoutube library using hte native
video player "
This commit is contained in:
parent
bb82915cc6
commit
551bc0f973
@ -4,7 +4,6 @@ import { traceSuccess } from "Shared/Telemetry/TelemetryProcessor";
|
|||||||
import { userContext } from "UserContext";
|
import { userContext } from "UserContext";
|
||||||
import { useCarousel } from "hooks/useCarousel";
|
import { useCarousel } from "hooks/useCarousel";
|
||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import Youtube from "react-youtube";
|
|
||||||
import Image1 from "../../../images/CarouselImage1.svg";
|
import Image1 from "../../../images/CarouselImage1.svg";
|
||||||
import Image2 from "../../../images/CarouselImage2.svg";
|
import Image2 from "../../../images/CarouselImage2.svg";
|
||||||
|
|
||||||
@ -79,7 +78,15 @@ const getHeaderText = (page: number): string => {
|
|||||||
const getContent = (page: number): JSX.Element => {
|
const getContent = (page: number): JSX.Element => {
|
||||||
switch (page) {
|
switch (page) {
|
||||||
case 1:
|
case 1:
|
||||||
return <Youtube videoId="Jvgh64rvdXU" onPlay={() => traceSuccess(Action.PlayCarouselVideo)} />;
|
return (
|
||||||
|
<video controls width="640" height="360" controlsList="nofullscreen nodownload ">
|
||||||
|
<source
|
||||||
|
src="src/Explorer/Quickstart/Videos/MAS4.1.2-Screen%20Reader%20announces%20incorrect%20name%20as%20'F'%20for%20full-screen%20button%20present%20in%20'YouTube'%20video.%20(4).mp4"
|
||||||
|
type="video/mp4"
|
||||||
|
></source>
|
||||||
|
Your browser does not support the video tag.
|
||||||
|
</video>
|
||||||
|
);
|
||||||
case 2:
|
case 2:
|
||||||
return <Image style={{ width: 640 }} src={Image1} />;
|
return <Image style={{ width: 640 }} src={Image1} />;
|
||||||
case 3:
|
case 3:
|
||||||
|
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user