Attiva / distriggers ‘data-property’ con un pulsante & jquery

Ho un video youtube a schermo intero come sfondo di un sito web su cui sto lavorando e sto cercando di aggiungere un interruttore di silenziamento / silenziamento con un pulsante. Ecco come sto inserendo il video:

bg 

Conosco la logica di come vorrei eseguire il commutatore, quando i pulsanti cliccati vorrei modificare la proprietà dei dati, quindi se la sua proprietà data è muta: true onClick Mi piacerebbe che cambiasse in mute: false e poi indietro quando si fa di nuovo clic.

questo è quello che ho provato –

 $(document).ready(function(){ $(".muteButton").click( function (){ $(this).data('mute', !$(this).data('mute')); }); }); 

con un tag di ancoraggio –

 Mute 

Ho cercato come farlo ma non ho avuto fortuna, non ho mai scritto jQuery quindi sono perso, è una cosa facile da fare ??

Grazie

La proprietà data di bgndVideo non è una syntax json valida. quindi, tratta come una stringa.

 bg Click me to Mute 

$(document).ready(function () { $(".muteButton").click(function () { $(bgndVideo).data('property').mute = !$(bgndVideo).data('property').mute; $('#muteValueDiv').html('After negation Mute Value is - ' + $(bgndVideo).data('property').mute); $('#bgndVideoDataPropDiv').html('After updating data property, data property is ' + JSON.stringify( $(bgndVideo).data('property'))); }); });

Si prega di fare riferimento a jsfiddle: jsfiddle.net/u89oexea