Без дубликатов, но не работает.
$( document ).ready(function(){
$('.video-container').get(0).muted = true;
$('#mute').click(function(){
mute_change(this);
});
function mute_change(obj){
if(obj.className=='mute-on'){
obj.className = 'mute-off';
$(obj).attr('title','Выключить звук');
$('.video-container').get(0).muted = false;
}
else{
obj.className = 'mute-on';
$('.video-container').attr("muted","false");
$(obj).attr('title','Включить звук');
$('.video-container').get(0).muted = true;
}
}
function mute_show_hide(){
if($("#mute").css('display')=='none'){
mute_show();
}
else{
mute_hide();
}
}
function mute_show(){
$("#mute").css('display','block');
}
function mute_hide(){
$("#mute").css('display','none');
}
video_on_off();
$( window ).resize(function(){
video_on_off();
});
function video_on_off() {
784 >= document.body.clientWidth ? ($("video").attr("src", ""), $("video").css("display", "none"), mute_hide()) : Modernizr.video && (Modernizr.video.h264 ? $("video").attr("src", "/video/mid.mp4") : Modernizr.video.ogg && $("video").attr("src", "/video/mid.ogv"), $("video").css("display", "block"), mute_show())
}
});