Максим Девда

У вас будут промисы:

var prom = new Promise.resolve();
words.forEach(v => {
    prom = prom.then(() => {
        return myCoolAnimation(v);
    });
});

function myCoolAnimation(v) {
    return new Promise((resolve, reject) => {
        // Делаем все
        el.onclick = () => { // пример, у Вас будет другое событие
            // Доделали
            resolve();
        };
    });
}

UPD Обновил ответ

События. Когда буква встаёт на место, она запускает событие. Слушатель этого события должен проверить, правильно ли собрано всё слово, и если да – перейти к следующему.

Вероятно, вы ещё сделаете минимальную анимацию ликования по поводу очередного собранного слова, чтобы в игре был какой-то ритм и не было суеты.

Для слов – вести какой-то счётчик. Удобно задавать предложения просто текстовой строкой, бить её на слова по пробелу, затем работать с каждым словом по очереди, обновляя указатель на «текущее» слово.

У ютуба есть API
C Вк приходится парсить страницу видео и забирать ссылку на видео со всем остальными видео хостингами примерно также..

Хз давно делал для вк проект потом забросил...

/**
		 * @param	_url
		 */
		public function getVideoUrl(url:String):void
		{
			this.loader = new URLLoader;
			this.loader.addEventListener(Event.COMPLETE, this.getVideoUrlComplite);
			this.loader.load(new URLRequest(url));	
		}
		
		/**
		 * 
		 * @param	e
		 */
		private function getVideoUrlComplite(e:Event):void 
		{
			var page:String =  e.target.data;
			var finder:RegExp  = /name=\"flashvars\"\s+value=\"(?P<flashvars>.*)\"/gi
			var result:Array = finder.exec(page);
				page = null;
				
			
			var flashvars:String = (result.flashvars || "").replace(/\&amp\;/gi, '&');
			var varUrl:URLVariables = new URLVariables(flashvars);
			this._url = varUrl.url360;
						// url240
						// url360
						// url480 
						// url720
			
			this._ready = true;
			this.ns.play(this._url);
			this.loader.removeEventListener(Event.COMPLETE, this.getVideoUrlComplite);
		}