JSFiddle - React, Tailwind, and code Playground
by fredd man
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/shailon/shailon.github.io@main/estilosss.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/shailon/shailon.github.io@main/all.css">
<title>Movie</title>
</head>
<body>
<!-- Header -->
<main>
<div class="content-all">
<header></header>
<label>
nomovies
</label>
<div class="btn">
</div>
</div>
</main>
<div class="container">
<meta name="referrer" content="never" />
<div class="item">
<iframe class="item-video" allowfullscreen="" frameborder="0" height="300%" id="iframe2" onload="$('.iframe-loading').css('background-image');" sandbox="allow-same-origin allow-scripts"
scrolling="no" src="https://ok.ru/videoembed/5274764511860" style="background-color: black; border-color: #fff; border-radius: 10px; border-style: solid; border-width: 2px;;" width="300%"></iframe>
</div>
</div>
</body>
<!-- DRAGABLE 3 -->
<!-- Draggable DIV -->
<div id="mydiv7">
<div id="mydivheader7"> Click Aqui para mover </div>
<script>
// Make the DIV element draggable:
dragElement(document.getElementById("mydiv7"));
function dragElement(elmnt) {
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
if (document.getElementById(elmnt.id + "header")) {
// if present, the header is where you move the DIV from:
document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
} else {
// otherwise, move the DIV from anywhere inside the DIV:
elmnt.onmousedown = dragMouseDown;
}
function dragMouseDown(e) {
e = e || window.event;
e.preventDefault();
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
}
function...