средствами самого ютуба вряд ли получится.
как вариант:
берешь iframe с выставленным autoplay и img к примеру с превью.
вот с ними и работаешь. т.е. подменяешь их в нужный момент.
не забудь полностью очищать iframe или удалять src. иначе при подмене autoplay небудет обновляться.
ну как бы от того что ты их поменял - они не перестали загружаться в браузере. ты по сути даже хуже сделал. у тебя сначала грузятся jpg/png, а потом в добавок webp.
эти действия - это просто "игра". интерфейс. разницы нет будь у тебя на устройстве обычный интерфейс проводника с папками и ты будешь копировать и вставлять или как ты описал "кидать файлы с анимацией".
p.s. ну а по теме все сводится к приложениям для обмена данными. тебе нужно сопрягать 2 устройства и обмениваться файлами между ними
тк не прописывай ему в css max-width и min-width, которые у тебя для .causes-slide заданы. скрипт слайдера высчитывает width и работает на этих параметрах. а ты эти параметры ломаешь своими стилями
