60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="css/styles.css" crossorigin="use-credentials">
|
|
<link rel="manifest" href="manifest.webmanifest" crossorigin="use-credentials">
|
|
<title>Tesses YouTube Downloader</title>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="download_box" id="download_box">
|
|
<input type="text" class="download_text_box" id="download_text_box" placeholder="https://www.youtube.com/watch?v=il9nqWw9W3Y"/>
|
|
<select class="selector" id="selector">
|
|
<option value=0>Video</option>
|
|
<option value=1>Playlist</option>
|
|
<option value=2>Channel</option>
|
|
<option value=3>User</option>
|
|
</select>
|
|
<select class="res_selector" id="res_selector">
|
|
<option value=1>Default Resolution</option>
|
|
<option value=0>Max Resolution</option>
|
|
<option value=2>Audio Only</option>
|
|
</select>
|
|
<button class="download_button" id="download_button">Download</button>
|
|
|
|
<br>
|
|
<a href="javascript:play_video();">Play Video</a>|
|
|
<a href="/search.html">Search</a>|
|
|
<a href="/upload.html">Upload</a>|
|
|
<a href="/">Modern</a>
|
|
|
|
<br>
|
|
<hr>
|
|
<progress class="progress_bar" id="progress_bar" value="0" max="100"></progress>
|
|
|
|
<span class="progress_value" id="progress_value">0%</span>
|
|
|
|
<br>
|
|
|
|
<hr>
|
|
<a id="video_link" href="/"><h2 id="video_title" class="video_title">No Title</h2></a>
|
|
<a id="channel_link" href="/"><h4 id="channel_name" class="channel_name">No Channel</h4></a>
|
|
<hr>
|
|
<h3 id="date">00/00/0000</h3>
|
|
<!--<h3 id="size_len">0MB - 00:00:00</h3>-->
|
|
<h3 id="views">42 views - 0 likes - 0 dislikes</h3>
|
|
|
|
<hr>
|
|
Keywords: <span id="keywords"></span>
|
|
<hr>
|
|
<p id="description">
|
|
|
|
</p>
|
|
</div>
|
|
<script src="js/main.js"></script>
|
|
|
|
</body>
|
|
</html> |