. А как реализовать чтоб в скрипте он брал id ? и обрабатывал именно тот блок.
В скрипте он и так берет id $('#vidos')
Вам надо связать 2 id, на мой взгляд удобнее через data-. Т.е. получить data- у той кнопки на которую кликнули, получить по data айдишник и к нему применять trigger('play') и т.д.
Вариантов много.
Можно изменять размер шрифта или расстояние между буквами или словами.
Вручную или с помощью плагинов типа jquery.page2page.ru/index.php5/FitText
Но аккуратно, т.к. разные браузеры по разному рендерят шрифты и в каком-то в итоге строка может не поместиться. Или у пользователя может быть настроен увеличенный шрифт.
Но это плохой селектор с точки зрения производительности. Это раз.
И два: очень странная идея хотеть одинаковые отступы между любыми тегами, они ведь не зря разные. Почитайте про семантику и пишите структурированный код.
@keyframes сначала сделать ему opacity: 0, например, на 95%, а потом top: -7px на 100, потому что вернуться-то назад ему всё-таки нужно, чтобы оттуда можно было начать заново.