instance1 / templates /tvshow_player.html
ChandimaPrabath's picture
fixed ui
5c6ae28
raw
history blame
1.14 kB
<!DOCTYPE html>
<html>
<head>
<title>Media Player</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #141414;
color: #fff;
margin: 0;
padding: 0;
}
.header {
background-color: #000;
padding: 20px;
text-align: center;
}
.header h1 {
margin: 0;
font-size: 24px;
}
.content {
padding: 20px;
}
.player-container {
max-width: 100%;
margin: auto;
text-align: center;
}
video {
width: 100%;
height: auto;
background-color: #333;
}
</style>
</head>
<body>
<div class="header">
<h1>TV Show Player</h1>
</div>
<div class="content">
<div class="player-container">
<video id="videoPlayer" controls>
<source id="videoSource" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</body>
</html>