funzione click con più eventi associati

[MrBl4d3]

Ciao, premetto che sono ignorante

uso il plugin vide per visualizzare un video (muto in modalità predefinita) a tutto schermo responsive. Vorrei posizionare un div sopra il video e fare in modo che quando venga cliccato questo si dissolva e che parta l'audio del video.
Non riesco a implementare la funzione per attivare l'audio.
Ho fatto in questo modo:

<div id="maschera"></div>
<div id="v" data-vide-bg="video/ocean"></div>

<script>
$( "#maschera" ).click(function() {
 $( "#maschera" ).fadeOut( "slow" );


});
</script>

Avevo pensato di aggiungere

$( "#v" ).vide( muted:false );

ma in questo modo non funziona neanche il fadeout

come posso fare?
grazie mille!

[ciro78]

Ciao,
meglio se usi il tag code per i pezzi di codice altrimenti è difficile aiutarti.
La strada che intendi seguire è corretta. Sicuramente qualcosa va in errore. Prova a riportare tutto il codice o un link alla pagina.

[MrBl4d3]

Non ne vengo a capo...
Ho provato anche a passare il parametro (come da documentazione plugin) tramite onlick ma niente da fare

<div id="mask" onclick="myFunction()"></div>
<div id="v" data-vide-bg="video/ocean"></div>

<script>
function myFunction() {
    document.getElementById("v").setAttribute("data-vide-options", "muted: false"); 
}
</script>

A questo punto scrivo l'url della pagina, il codice è semplice.
pixedia.it/bg

grazie!

[MrBl4d3]

il mistero si infittisce...

ho provato con:

<div id="mask" onclick="test()"></div>
<div id="v" data-vide-bg="video/ocean"></div>

e relativo javascript, che secondo me dovrebbe essere giusto

<script>
function test() {
var pippo= document.getElementById("v");  
var att = document.createAttribute("data-vide-options");
att.value = "muted: false";
pippo.setAttributeNode(att);
}
</script>

ma ancora niente da fare.
la mini documentazione del plugin vide è su:
http://github.com/VodkaBears/Vide#readme
avete una soluzione? mi conviene usare un plugin diverso?
grazie mille!!

[MAeSI]

Ciao,

non so se ha qualche controindicazione o se c'è un modo migliore ma potresti provare così:

<script>
$(document).ready(function() {
  $("#mask").click(function() {
    $("#mask").fadeOut("slow");
    var instance = $('#v').data('vide');
    var video = instance.getVideoObject();
    video.muted = false;
  });
});
</script>

[MrBl4d3]

funziona, grazie!!