codigo html |
<div align="center"><span class="Estilo1">NOVEDADES EN AUDIO VIDEOS MIXES</span> <video id="audio" preload="auto" tabindex="0" controls="" width="640" height="480" poster='https://archive.org/download/cyber-rockola/imagenes/800600.jpg'> <source src="https://archive.org/download/cyber-rockola/config/presentacion_1.mp4"> </video> <div id="micapa" style="width:550;height:250px;overflow:scroll;overflow-x:hidden;"> <ul id="playlist"> <li class="active"> </li> <li> <a href="https://archive.org/download/djvirtualzur-mix-audio-video/audio%20video%20mix%20cumbia%20villera%202.ia.mp4"> 01 - audio video mix cumbia villera 2</a> </li> <li> <a href="https://archive.org/download/djvirtualzur-mix-audio-video/audiobvideo%20mix%20de%20los80%20y%2090%20hits.mp4"> 02 - audio video mix de los 80 y 90 hits</a> </li> <li> <a href="https://archive.org/download/djvirtualzur-mix-audio-video/djvirtualzur%20audio%20video%20mix%20cumbia.mp4"> 03 - audio video mix cumbia </a> </li> <li> <a href="https://archive.org/download/djvirtualzur-mix-audio-video/djvirtualzur%20mix%20audio%20video%20de%20house%20clasicos%201.mp4"> 04 - audio video mix house clasicos 1 </a> </li> <li> <a href="D:\djvirtualzur\sesiones\cumbia\CumbiaVilleraYReggaeton2009.mp3"> 05 - cumbia villera y reggaeton remix </a> </li> <li> <a href="https://archive.org/download/djvirtualzur-mix-audio-video/video%20audio%20mix%20salsa%20y%20electro%20salsa%20volumen%201.mp4"> 06 - audio video mix electro salsa </a> </li> </ul> </div> </div> |
| nota para solo audio debemos cambiar la orden de <video como < audio y pueden usar el link del ccs y el js con los estilos y mas abajo les dejo el ccs y js |
init(); function init(){ function run(song, audio, link){ //quitar el active de todos los elementos de la lista |
| #playlist, audio{ background:#666; width:480px; padding:20px; list-style: none; font-family: Arial, Helvetica, sans-serif; } a { text-decoration:none; } .active a { color:#5DB0E6; text-decoration:none; } li a{ color:#eeeedd; background:#333; padding:5px; display:block; background-image:url(title_bg2.GIF) } li a:hover{ text-decoration:none; } |
abren un blog de notas y pegan el siguiente codigo como esta escrito y lo guardan con la extencion .js el segundo y el trecer codigo como .ccs y lo suben a su servidor y modifican los link de los archivos para reproducir y los nombres de los mismos |
como insertar contenido en tu sitio web con un iframe ejemplo: <div align="center">video mixes de cumbia, villeras, tropical, colombianas cumbia pop, extc. 480 pixeles. <video id="audio" preload="auto" tabindex="0" controls="" width="620" height="380"poster='https://archive.org/download/cyber-rockola/config/media.jpg' > <source src="https://archive.org/download/cyber-rockola/config/presentacion_1.mp4"> </video> <style> #instructions { max-width: 650px; text-align: left; margin: 30px ; auto : } #instructions textarea { width: 250px; height: 120px; } /* Show the controls (hidden at the start by default) */ .video-js .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* Make the demo a little pre...

Comentarios
Publicar un comentario