I want to make this code format html
I mean the arrangement here <<<<
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
Arrange here >>>>>>
##########################################
Code:
<!-- this script got from https://saqrstudio.com/ - Coded by: Krishna Eydat -->
<style>
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 20px;
line-height: 1.5;
-webkit-tap-highlight-color: transparent;
}
body {
background: #111;
color: #111;
font-size: 0.8rem;
overflow-x: hidden;
text-rendering: optimizeLegibility;
font-family: Gilroy-Medium;
}
.aks-video-player {
width: 100% !important;
height: auto !important;
margin-top: 0 !important;
}
</style>
<link rel='stylesheet' href='http://htmlfreecode.com/files/aksVideoPlayer.min.css'>
<div id="video"></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script src='http://htmlfreecode.com/files/aksVideoPlayer.min.js'></script>
<script>
$("#video").aksVideoPlayer({
file: [
{
file: "https://www.yacoline.com/upload/videos/2024/03/XbivfXOqk4ljIpEjDqIF_06_a7f7334cc43bde974be020f6b40a5fc6_video_720p_converted.mp4",
label: "720p"
},
{
file: "https://www.yacoline.com/upload/videos/2024/03/XbivfXOqk4ljIpEjDqIF_06_a7f7334cc43bde974be020f6b40a5fc6_video_480p_converted.mp4",
label: "480p"
},
{
file: "https://www.yacoline.com/upload/videos/2024/03/XbivfXOqk4ljIpEjDqIF_06_a7f7334cc43bde974be020f6b40a5fc6_video_360p_converted.mp4",
label: "360p"
},
{
file: "https://www.yacoline.com/upload/videos/2024/03/XbivfXOqk4ljIpEjDqIF_06_a7f7334cc43bde974be020f6b40a5fc6_video_240p_converted.mp4",
label: "240p"
}
],
poster: "https://morb3.com/wp-content/uploads/2020/04/319-hd%D8%B5%D9%88%D8%B1-%D8%AE%D9%84%D9%81% D9%8A%D8%A7%D8%AA-%D8%A7%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9-%D8%AF%D9%8A% D9%86%D9%8A%D8%A9-%D8%A7%D8%AF%D8%B9%D9%8A%D8%A9-%D9%84%D9%84%D9%85%D9%88% D8%A8%D8%A7%D9%8A%D9%84-%D8%A7%D9%8A%D9%81%D9%88%D9%86-%D9%85%D9%83%D8%AA% D9%88%D8%A8-%D8%B9%D9%84%D9%8A%D9%87%D8%A7-%D8%B9%D8%A8%D8%A7%D8%B1%D8%A7% D8%AA-%D8%A7%D9%84%D9%81%D8%B1%D8%AC-%D8%AF%D8%B9%D8%A7%D8%A1-%D8%A7%D9%84 %D9%88%D8%A8%D8%A7%D8%A1-%D9%84%D9%84%D9%88%D8%A7%D8%AA%D8%B3-%D9%84%D9%84 %D9%81%D9%8A%D8%B3-%D9%85%D8%B5%D9%88%D8%B1%D8%A9-%D8%A7%D9%84%D8%AF%D8%B9 %D8%A7%D8%A1-724x1024.jpg",
forward: true,
contextMenu: [
{
type: "urlCopy",
label: "Copy Video Url",
url: "https://tzcmz.fun/"
},
],
});
</script>
############################################