Событие ondragstart не запускается в Firefox

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

Согласно разделу 4.8.12.13 спецификации стандарта HTML WHATWG , ожидаемое вами поведение следует ожидать, так как оно явно соответствует спецификации, цитируя абзац из раздела:

Если пользовательский агент предоставляет пользователю пользовательский интерфейс , отображая элементы управления над медиаэлементом , то пользовательский агент должен подавлять любые события взаимодействия с пользователем, пока пользовательский агент взаимодействует. с этим интерфейсом. (Например, если пользователь щелкает элемент управления воспроизведением видео, события mousedown и т. Д. Не будут одновременно запускаться для элементов на странице.)

Answer 2

Тег

<video> с controls нельзя перетаскивать в Firefox (06-2019), вы можете попробовать удалить этот атрибут, чтобы он работал. Или вам нужно немного поработать. Например, вы добавляете элемент оболочки вне видео и делаете эту оболочку перетаскиваемой