Question

我正在尝试使视频元素可拖动。下面的代码在Chrome中可以正常运行，但是dragstart事件在Firefox中不会触发。

有什么方法可以使其在Firefox上运行？

我的操作系统是Fedora 29。

  function drag(event){
  	//event.dataTransfer.setData("text","test-data")
    console.log("drag firing")
  }

<video width="400" controls draggable="true" ondragstart="drag()">
  <source src="" type="video/mp4">
  <source src="" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

Answer 1

带有<video>的

controls标签不能在firefox上拖放（06-2019），您可以尝试删除此属性以使其起作用。或者您需要一些解决方法。例如，您在视频外部添加了包装器元素，并使该包装器可拖动

Answer 2

根据section 4.8.12.13 of the HTML standard specification by WHATWG，可以预期您观察到的行为，因为它显然符合规范，并引用了以下部分中的一段：

如果用户代理exposes a user interface to the user通过显示media element上的控件，则用户代理应在用户代理与此界面交互时禁止任何用户交互事件。（例如，如果用户单击视频的播放控件，则不会同时向页面上的元素触发mousedown事件等。）

Firefox中未触发ondragstart事件

2 个答案: