@kedao/editor/lib/renderers/atomics/Video/index.js

Rich Text Editor Based On Draft.js

import React from 'react';
import PropTypes from 'prop-types';
import { ContentUtils } from '@kedao/utils';
import PlayerModal from '../../../components/business/PlayerModal';
import './style.scss';
const Video = ({ mediaData, language, editor, editorState, block }) => {
    const { url, name, meta } = mediaData;
    const { poster = '' } = meta;
    const removeVideo = () => {
        editor.setValue(ContentUtils.removeBlock(editorState, block));
    };
    return (React.createElement("div", { className: "bf-video-wrap" },
        React.createElement(PlayerModal, { type: "video", onRemove: removeVideo, poster: poster, language: language, url: url, name: name, title: language.videoPlayer.title },
            React.createElement("div", { className: "bf-video-player" },
                React.createElement("video", { controls: true, poster: poster },
                    React.createElement("source", { src: url }))))));
};
Video.propTypes = {
    mediaData: PropTypes.any,
    language: PropTypes.any,
    editor: PropTypes.any,
    editorState: PropTypes.any,
    block: PropTypes.any
};
export default Video;
//# sourceMappingURL=index.js.map