时间戳

首页 > 解决方案 > react-draggable 中的 html5 视频控件

html - react-draggable 中的 html5 视频控件

问题描述

我正在使用标准 HTML5 标签将视频嵌入到 react-draggble 内的组件中：

 <Draggable bounds="parent">
    <div>
      <h1>React draggable</h1>
      <div>
        <video width="100%" height="240" controls>
          <source src={video} />
        </video>
      </div>
    </div>
  </Draggable>

但是，在右侧 Chrome 的默认控件中，显示了三个点（选项），当我单击它们时，它没有显示弹出选项。 三点按钮

当我禁用 react-draggable 的变换样式时，它按预期工作。 预期结果

有没有办法解决这个问题？

谢谢你。

标签： htmlcssreactjshtml5-videoreact-dnd

解决方案

推荐阅读