Improve responsive

This commit is contained in:
Marc 2018-12-09 09:00:47 +01:00
parent 03bee7c121
commit f69c5b6b99
1 changed files with 7 additions and 5 deletions

View File

@ -12,9 +12,11 @@
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container" style="margin-top: 30px">
<div class="container" style="margin-top: 30px; margin-bottom: 30px">
<h1 class="display-3">TDTChannels</h1>
<p class="lead">
Bienvenido al reproductor del proyecto opensource TDTChannels
@ -34,7 +36,7 @@
Reproductor de Televisión
</p>
<p>Formatos soportado: <em>m3u8</em></p>
<div class="input-group mb-3 col-8">
<div class="input-group mb-3">
<input id="input-reproduccion-video" type="text" class="form-control" placeholder="URL de reproducción">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" id="button-reproduccion-video"
@ -42,7 +44,7 @@
</button>
</div>
</div>
<div id="video-player" class="col-8"></div>
<div id="video-player"></div>
</div>
<div id="audio" style="margin-top: 15px">
@ -50,7 +52,7 @@
Reproductor de Radio
</p>
<p>Formatos soportado: <em>nsv</em></p>
<div class="input-group mb-3 col-8">
<div class="input-group mb-3">
<input id="input-reproduccion-audio" type="text" class="form-control" placeholder="URL de reproducción">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" id="button-reproduccion-audio"
@ -59,7 +61,7 @@
</div>
</div>
<audio id="audio-controller" controls>
<source id="audio-player" src="http://rac105.radiocat.net/;*.nsv" autoplay>
<source id="audio-player" src="" autoplay>
Your browser does not support the audio element.
</audio>
</div>