You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

19 lines
563 B

import React from "react";
export default function Video({ data }) {
return (
<div className="w-full flex-col mt-5">
<strong className="w-full text-right text-green-900 mb-2 text-xs font-normal">
{data.name}
</strong>
<div className="w-full rounded-md overflow-hidden mt-4">
<video
style={{ width: "100%", height: "calc(100vw * 9 / 16 - 32)" }}
controls
>
<source src={`https://dnvn.ir/api/v1/file/${data.fileIds}`} type="video/mp4" />
</video>
</div>
</div>
);
}