<video width="320" height="240" controls>
<source src="C:\Users\ETC12\Downloads\Rather Be - Clean Bandit feat Jess Glynne Lyrics.mp4" type="video/mp4">
</video> : Se pone la ruta de un video de youtube que mas te guste (primero hay que cambiarle el formato a mp4 con el clip converter para poder descargarlo).
<iframe width="560" height="315" src="\\ESCUELATALLER\Users\Escuela Taller\Videos\campanilla.mp4" frameborder="0" allowfullscreen></iframe> : Luego lo he vinculado con el iframe otro video.
AUDIO:
<audio controls>
<source src="C:\Users\ETC12\Downloads\Con las ganas- Zahara.mp3" type="audio/ogg">
</audio> : Cogemos una canción que nos guste y le ponemos la ruta en "source".
VIDEO CONFIGURADO CON COLORES:
<head>
<style type="text/css">
.vjs-default-skin { color: #66FF00; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #009999 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(122,153,3,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(122,153,3,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 71% }
</style> : Este código le ponemos en el cabecero, modificando los códigos de los colores.
</head>
<body>
<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
data-setup="{}">
<source src="C:\Users\ETC12\Downloads\Enrique Iglesias - Loco ft. Romeo Santos.mp4" type='video/mp4'>
<p class="vjs-no-js">
</video> : Este parte del código va dentro de body y en "source" escribimos la ruta de la canción que hayamos escogido.
</body>
<!DOCTYPE html>
<html lang="es">
<head>
<link href="http://vjs.zencdn.net/4.6/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.6/video.js"></script>
<style type="text/css">
.vjs-default-skin { color: #66FF00; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #009999 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(122,153,3,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(122,153,3,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 71% }
</style>
</head>
<body bgcolor="990066">
<video width="320" height="240" controls>
<source src="C:\Users\ETC12\Downloads\Rather Be - Clean Bandit feat Jess Glynne Lyrics.mp4" type="video/mp4">
</video>
<iframe width="560" height="315" src="\\ESCUELATALLER\Users\Escuela Taller\Videos\campanilla.mp4" frameborder="0" allowfullscreen></iframe>
<audio controls>
<source src="C:\Users\ETC12\Downloads\Con las ganas- Zahara.mp3" type="audio/ogg">
</audio>
<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
data-setup="{}">
<source src="C:\Users\ETC12\Downloads\Enrique Iglesias - Loco ft. Romeo Santos.mp4" type='video/mp4'>
<p class="vjs-no-js">
</video>
</body>
</HTML>
No hay comentarios:
Publicar un comentario