我正在尝试使视频元素可拖动。下面的代码在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>
答案 0 :(得分:1)
<video>
的 controls
标签不能在firefox上拖放(06-2019),您可以尝试删除此属性以使其起作用。或者您需要一些解决方法。例如,您在视频外部添加了包装器元素,并使该包装器可拖动
答案 1 :(得分:1)
根据section 4.8.12.13 of the HTML standard specification by WHATWG,可以预期您观察到的行为,因为它显然符合规范,并引用了以下部分中的一段:
如果用户代理exposes a user interface to the user通过显示media element上的控件,则用户代理应在用户代理与此界面交互时禁止任何用户交互事件。 (例如,如果用户单击视频的播放控件,则不会同时向页面上的元素触发mousedown事件等。)