Hacer clickeable una imagen

MajesticCat · 29 Dic 2020

Hola,

Tengo el siguiente codigo que agrega una imagen a la barra de control del player de VIDEOJS, la imagen funciona y se muestra, pero la quisiera hacer que al darle click vaya a una web. Este es el codigo:

Insertar CODE, HTML o PHP:

 videojs('my-video').ready(function() {
    var img = this.controlBar.addChild('Component', {}, 6);
    img.addClass("branded-plyr");
  });

Con CSS se muestra la imagen ya que se creo la clase de branded-plyr.

Alguna idea de como hacer que vaya a una URL que yo especifique?

Toda ayuda es sumamente agradecida!

Saludos

juanrael · 29 Dic 2020

solo agregale el codigo de url a la que kiere dirigir

MajesticCat · 30 Dic 2020

juanrael dijo:
solo agregale el codigo de url a la que kiere dirigir

En que parte amigo?

juanrael · 30 Dic 2020

para eso yo tendria que ver en codigo completo

juanrael · 30 Dic 2020

creo que tengo el codigo el mi pagina de peliculas

MajesticCat · 30 Dic 2020

juanrael dijo:
para eso yo tendria que ver en codigo completo

Ese es el codigo completo, eso lo que hace es crear un div para el videojs, aqui el codigo del player:

Insertar CODE, HTML o PHP:

<video id="my-video" class="video-js vjs-theme-fantasy" controls="" preload="auto" width="100%" height="450" data-setup="{}">
    <source src="/hefgpdz7.mp4" type="video/mp4">
  </video>
  <script>
  videojs('my-video').ready(function() {
    var img = this.controlBar.addChild('Component', {}, 6);
    img.addClass("branded-plyr");
  });

</script>
<style>
  .video-js .branded-plyr {
    width: 100px;
    background: url(/logo-full.svg) center center no-repeat;
  }
</style>

juanrael · 30 Dic 2020

<a href="https://viral481.com/srv.html?id=5493793&pub=1195084"><img src="https://cgpelis.net/wp-content/uploads/2020/09/kjvhj.jpg" alt="REC" border="0"></a> solo tienes que quitar las url de la imagen y la url a donde se dirigra

juanrael · 30 Dic 2020

esta mas que claro

MajesticCat · 30 Dic 2020

juanrael dijo:
esta mas que claro

Bro eso es HTML yo busco agregarlo en Javascript!

Gracias de todas maneras!!

juanrael · 30 Dic 2020

perdon

Hacer clickeable una imagen

MajesticCat

juanrael

MajesticCat

juanrael

juanrael

MajesticCat

juanrael

juanrael

MajesticCat

juanrael

Temas similares