JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

$(document).ready(function() {

var vid = $('video');

var controls = $('#spin-controls');

$('#num-spiny, #num-spinx, #num-spinz').hide();

controls.hide();

$('#spin-on-off').click(function() {

if (controls.is(":hidden") == true) {

controls.slideDown();

$('input[name="advanced-control"]').val("");

vid.css("transform", "rotateY(0deg)", "transform", "rotateX(0deg)", "tranform", "rotateZ(0deg)");

$('#num-spiny, #num-spinx, #num-spinz, .advanced-label').hide();

} else if ($('#spin-controls').is(":visible") == true) {

controls.slideUp();

if (vid.hasClass("spinningy")) {

vid.removeClass("spinningy");

} else if (vid.hasClass("spinningx")) {

vid.removeClass("spinningx");

} else if (vid.hasClass("spinningz")) {

vid.removeClass("spinningz");

};

};

});

$('#spiny').click(function() {

if (vid.hasClass("spinningx")) {

vid.removeClass("spinningx");

vid.addClass("spinningy");

} else if (vid.hasClass("spinningz")) {

vid.removeClass("spinningz");

vid.addClass("spinningy");

} else {

vid.addClass("spinningy");

}

if ($('#num-spiny').is(":hidden")) {

$('#num-spiny, #num-spiny-label').fadeIn();

} else {

$('#num-spiny, #num-spiny-label').fadeOut();

};

if ($('#num-spinx, #num-spinx-label').is(":visible")) {

$('#num-spinx, #num-spinx-label').hide();

} else if ($('#num-spinz, #num-spinz-label').is(":visible")) {

$('#num-spinz, #num-spinz-label').hide();

};

});

$('#spinx').click(function() {

if (vid.hasClass("spinningy")) {

vid.removeClass("spinningy");

vid.addClass("spinningx");

} else if (vid.hasClass("spinningz")) {

vid.removeClass("spinningz");

vid.addClass("spinningx");

} else {

vid.addClass("spinningx");

}

if ($('#num-spinx').is(":hidden")) {

$('#num-spinx, #num-spinx-label').fadeIn();

} else {

$('#num-spinx, #num-spinx-label').fadeOut();

}

if ($('#num-spiny, #num-spin-labely').is(":visible")) {

$('#num-spiny, #num-spiny-label').hide();

}

if ($('#num-spinz, #num-spinz-label').is(":visible")) {

$('#num-spinz, #num-spinz-label').hide();

}

});

$('#spinz').click(function() {

if (vid.hasClass("spinningy")) {

vid.removeClass("spinningy");

vid.addClass("spinningz");

} else if (vid.hasClass("spinningx")) {

vid.removeClass("spinningx");

vid.addClass("spinningz");

} else {

vid.addClass("spinningz");

}

if ($('#num-spinz').is(":hidden")) {

$('#num-spinz, #num-spinz-label').fadeIn();

} else {

$('#num-spinz, #num-spinz-label').fadeOut();

}

if ($('#num-spiny, #num-spiny-label').is(":visible")) {

$('#num-spiny, #num-spiny-label').hide();

}

if ($('#num-spinx, #num-spinx-label').is(":visible")) {

$('#num-spinx, #num-spinx-label').hide();

}

});

$('#num-spiny').on("change", function() {

if (vid.hasClass("spinningy") == true) {

vid.removeClass("spinningy");

} else if (vid.hasClass("spinningx") == true) {

vid.removeClass("spinningx");

} else if (vid.hasClass("spinningz") == true) {

vid.removeClass("spinningz");

}

$('#num-spinx, #num-spinz').val("");

var valueY = "rotateY(" + $(this).val() + "deg)";

vid.css("transform", valueY);

});

$('#num-spinx').on("change", function() {

if (vid.hasClass("spinningy") == true) {

vid.removeClass("spinningy");

} else if (vid.hasClass("spinningx") == true) {

vid.removeClass("spinningx");

} else if (vid.hasClass("spinningz") == true) {

vid.removeClass("spinningz");

}

$('#num-spiny, #num-spinz').val("");

var valueX = "rotateX(" + $(this).val() + "deg)";

vid.css("transform", valueZ);

});

$('#num-spinz').on("change", function() {

if (vid.hasClass("spinningy") == true) {

vid.removeClass("spinningy");

} else if (vid.hasClass("spinningx") == true) {

vid.removeClass("spinningx");

} else if (vid.hasClass("spinningz") == true) {

vid.removeClass("spinningz");

}

$('#num-spiny, #num-spinx').val("");

var valueZ = "rotateZ(" + $(this).val() + "deg)";

vid.css("transform", valueZ);

});

$('#mute').click(function() {

if (vid.prop("muted") == true) {

vid.prop("muted", false);

} else {

vid.prop("muted", true);

}

});

});