RocketChat/Rocket.Chat

import type { ReactElement } from 'react';
import React from 'react';

import type { UrlPreviewMetadata } from './UrlPreviewMetadata';

const style = { maxWidth: '100%' };
const UrlVideoPreview = ({ url, originalType }: Omit<UrlPreviewMetadata, 'type'>): ReactElement => (
    <video controls style={style}>
        <source src={url} type={originalType} />
        Your browser doesn't support the video element.
        <track kind='captions' />
    </video>
);

export default UrlVideoPreview;