Сергей

подключи в проект например jQuery Mobile
api.jquerymobile.com/category/events
там есть все необходимые евенты

ну или раз ты самоделкин напиши свои обработчики, вот набросок для свайпов

handleTouchStart =function(e) {                                         
    xDown = e.touches[0].clientX;                                      
    yDown = e.touches[0].clientY;                                      
};
                                                
handleTouchMove = function(e) {
    if ( ! xDown || ! yDown ) {
        return;
    }

    var xUp = e.touches[0].clientX;                                    
    var yUp = e.touches[0].clientY;

    var xDiff = xDown - xUp;
    var yDiff = yDown - yUp;

    if(Math.abs( xDiff )+Math.abs( yDiff )>150)
      if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {
        if ( xDiff > 0 ) 
            alert('лево');
         else 
            alert('право');                   
      } else {
        if ( yDiff > 0 ) 
            alert('вверх'); 
         else 
            alert('вниз');                                                                 
      }
    xDown = null;
    yDown = null;
};

var xDown = null;                                                        
var yDown = null;

document.addEventListener('touchstart', handleTouchStart, false);        
document.addEventListener('touchmove', handleTouchMove, false);

я бы вообще так написал )))

function test() {
  return {
    _a:100,
    get a() {
      return this._a;
    },
    set a(v) {
      return this._a = v||this._a;
    }
  }
}

q = test();
console.log(q.a);
q.a = 10;
console.log(q.a);

вы бы лучше пример показали, лично я ничего не понял, что вы хотите добиться ))
а так на ум приходит только вариант вроде:

var value;

if (!$(".f_value").data('baseVal')){  //проверяем есть ли сохраненное значение
   value = $(".f_value").val();   //присваиваем значение переменной
   $(".f_value").data('baseVal',value); //тк сохраненного нет - сохраняем
} else {
   value = $(".f_value").data('baseVal'); //тк сохраненное есть - присваиваем переменной его
}

используй метод toPrecision()
JS использует IEEE-754 запись чисел с плавающей точкой
при конвертации 0.1 из десятичного формата в бинарный и последующее его использование в цикле порождает такие вот забавные артефакты ))
0.1 + 0.1 = 0.2
а дальше магия
0.2 + 0.1 = 0.30000000000000004

чтото не вижу я там слайдера
увидел -)
такую фигню можно даже на чистом CSS сделать

UPD
https://jsfiddle.net/zcqzzzn4/
не стал запариваться с красотой и точными таймингами -) просто идею донести

https://jsfiddle.net/3byu85r5/

чтобы без нажатия тупо на CSS на базе примера предыдущего оратора
https://jsfiddle.net/b4yj14d8/

на JS непрерывную анимацию делать не рекомендую

P.S. а вообще непрерывная анимация в Web - это зло

UPD: монетка с глубиной, а по факту синхронное вращение трех элементов с небольшим смещением

jsfiddle.net/awd9mLd9

могу ошибаться, но мне кажется проблема в
servletInputStream.isReady()
попробуй закоментить это условие

public Font font;
private GUIStyle guiStyle;

guiStyle = new GUIStyle();
guiStyle.font = font;
guiStyle.fontSize = 20;

GUI.Button(new Rect(a,b,c,d), "btnTEXT", guiStyle);

ну и дальше на ресайзе меняй guiStyle.fontSize пропорционально
иначе вроде никак

начнем с того,
1. твои iframe в твоем фиддле не имеют класса хотя в коде ты пытаешься пробежать по ним через each
2. ты не загрузил в фидл jQuery
3. ты грузишь YT API в onload фидла, а надо в body (настройки js)
====
далее... с чего ты взял что они в одной обертке? каждый плеер имеет свой объект, в твоем фидле так вообще плееры не имеют ссылок на js объекты т.к. подгружены напрямую с YT а не созданы скриптом...

вот набросал тебе фидл на pure js который грузит видео создавая инстансы плееров и ставит видео на паузу если начато воспроизведение другого видео
https://jsfiddle.net/6j4r1qrL/

P.S. вообще не совсем понимаю зачем ты изобретаешь велосипед генеря свою очередь таким странным способом, когда можно использовать YT API
https://developers.google.com/youtube/iframe_api_r...

UPD: по комментам:
тебе надо сгенерить на странице дивы:

<div id="уникальный айди дива" class="iframe-video" width="ширина плеера" height="высота плеера" data-src="код видео (например Glm-VSKszhA)"></div>

после блока с дивами добавь скрипт из фидла

var player;
var players = [];
function onYouTubeIframeAPIReady() {
[].forEach.call(document.getElementsByClassName('iframe-video'), function (el) {
	player = new YT.Player(el.id, {
        height: el.getAttribute('height'),
        width: el.getAttribute('width'),
        videoId: el.getAttribute('data-src'),
        events: {
            'onStateChange': onPlayerSC
        }
    });
    players.push(player);
});
}
function onPlayerSC(e){
if (e.data == 1)
  players.forEach(function(i){
		if (i!=this){
    	i.pauseVideo();
    }
  },e.target)
}

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

P.S. если в data-src дива тебе проще грузить полный URL видео, можно его подрезать регулярным выражением, тогда надо строку
videoId: el.getAttribute('data-src'),
поменять на

videoId: el.getAttribute('data-src').replace(/^.*[\/=]([^\/=]*)/,"$1"),

он сожрет URL как в формате https://www.youtube.com/watch?v=ZpvG6vTLIyM
так и в https://youtu.be/ZpvG6vTLIyM или https://www.youtube.com/embed/ZpvG6vTLIyM

Перенести блок /* code */ из первого объекта в symbolElement.onclick
ну и если в первом объекте есть необходимые в работе /* code */ переменные - перенести и их

в вашем примере два объекта, каждый из которых реализует по одной функции
get_choosed_fields и draw_field
второй объект при вызове draw_field подвешивает событие onclick DOM элементу symbolElement, которое в свою очередь пишет в переменную choosed_fields результат работы функции первого объекта.

можно либо как я уже писал перенести все тело функции из 1 в навешивание евента второго, либо перенести обе функции в 1 объект, тока код будет примерно таким

var letters_field = (function() {
    return { 
        get_choosed_fields: function(){
            /* code */
        },        
        draw_field: function() {        
        var self = this;  //это нужно для передачи текущего контекста в onclick 
                symbolElement.onclick = function() {
                    var choosed_fields = self.get_choosed_fields();                    
                };
        }              
    } 
}());

если у родительского задано позиционирование, то дочерний будет считаться исходя из положения родителя,
с z-index максимум можно использовать значение -1
что мешает разместить блоки соседями с общим родителем?

UPD:
если я все правильно понял...
никаких fixed и никаких z-index
https://jsfiddle.net/s9hvuj9L/

UPD2:
немного переделал, убрал ссылку с крестиком, реализовав ее на CSS + добавил крестику fixed позиционирование
и подправил скрипты
https://jsfiddle.net/moLw0qef/1/