Эта проблема только в Chrome , она отлично работает в FF / IE / Edge.
Я пытаюсь создать конструктор перетаскивания, который позволит пользователям добавлять видео фон на страницу. Все в порядке, кроме случаев, когда настройки видео фоновых элементов больше не могут быть отброшены.
Я попытался разместить прозрачный div над iframe, отключить события указателя, не могу заставить его работать вообще.
Я создал кодовую ручку (https://codepen.io/talextech/pen/aPGmmJ), показывающую проблему в действии. Попробуйте перетащить красный квадрат внутри белого / пунктирного прямоугольника выше. Если вы удалите YouTube YouTube Embed, он будет работать нормально.
Есть ли способ заставить перетаскивать видео в YouTube в фоновом режиме в Chrome?
<div id="dragto" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div id="dragme" draggable="true" ondragstart="drag(event)"></div>
<iframe id="videobg" width="560" height="315" src="https://www.youtube.com/embed/FQ6_Fr-Fd5k" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>