Как изменить повторно содержимое элемента?

Question

[Ibishka]

<div class="video-thumbnail">
					<div class="video-container">
						<div class="video" id="video_third">
							<img class="video__preview" src="img/video-03.jpg" alt="fitness">
							<span class="video__btn" id="video__btn_third"></span>
						</div>
						<div class="video" id="video_second">
							<img class="video__preview" src="img/video-02.jpg" alt="fitness">
							<span class="video__btn" id="video__btn_second"></span>
						</div>
						<div class="video" id="video_first">
							<img class="video__preview" src="img/video-01.jpg" alt="fitness">
							<span class="video__btn" id="video__btn_first"></span>
						</div>
					</div>
					<div class="d-flex justify-content-between">
						<button class="video-tab" id="video-tab_third">
							<img src="img/video-03.jpg" alt="fitness">
						</button>
						<button class="video-tab" id="video-tab_second">
							<img src="img/video-02.jpg" alt="fitness">
						</button>
						<button class="video-tab" id="video-tab_first">
							<img src="img/video-01.jpg" alt="fitness">
						</button>
					</div>

jQuery(document).ready(function($) {

	$('#video-tab_first').click(function() {
		$('#video_second').css('visibility','hidden');
		$('#video_third').css('visibility','hidden');
		$('#video_first').css('visibility','visible');
	});

	$('#video-tab_second').click(function() {
		$('#video_first').css('visibility','hidden');
		$('#video_third').css('visibility','hidden');
		$('#video_second').css('visibility','visible');
	});

	$('#video-tab_third').click(function() {
		$('#video_first').css('visibility','hidden');
		$('#video_second').css('visibility','hidden');
		$('#video_third').css('visibility','visible');
	});
	
	$('#video__btn_first').click(function() {
		$(this).parents('#video_first').html('<video onclick="this.paused ? this.play() : this.pause();" autoplay muted loop width="540" height="400" class="videoPlayer" id="videoPlayerFirst"><source src="img/video.mp4" type="video/mp4"></video>')
	});

});

Думаю затею поняли.И щас мне нужно чтоб при нажатии на что либо обратно вставить то что удалил.И можете функцию про видео не на jQuery а на JavaScript превратить.Пж помогите а то весь день сижу на этом.

Comments

[Stockholm Syndrome]

Думаю затею поняли

не-а

[Сергей Карвасарный]

я тоже ни черта не понял)) Если ты вставляешь по этот код вместо того который по умолчанию

.html('<video onclick="this.paused ? this.play() : this.pause();" autoplay muted loop width="540" height="400" class="videoPlayer" id="videoPlayerFirst"><source src="img/video.mp4" type="video/mp4"></video>')

и потом на любую кнопку вернуть хочешь что было сразу так все просто
1. Берешь при jQuery(document).ready(function($) { создаешь переменную var izPizi = и присваиваешь сюда данные которые сразу находятся в поле или те которые тебе нужны при нажатии на любую кнопку.
2. Просто делай собития клик $('.btn-1,btn-2,btn-3').click(function(){
$(this).parents('#video_first').html(твоя переменная с изначальными данными);
});

[Ibishka]

Сам написал скрипт.