Изменить источник iframe по умолчанию при нажатии и сохранить источник после обновления страницы? ⇐ Html

[Anonymous]

У меня есть следующий iframe и миниатюры на странице. Как я могу использовать JavaScript, чтобы при каждом нажатии на миниатюру data-embed-src становился источником по умолчанию для iframe?



https://www.youtube.com/embed/



[*]
Example

• 
  
  Vid
• 
  
  Vid0
• 
  
  Vid2

• 
  
  Vid3
• 
  
  Vid4
• 
  
  Vid5
• 
  
  Picture

Наибольшего успеха я добился при использовании следующего JavaScript, однако, поскольку с этим подходом мне не повезло, я подумал попробовать другой подход:

function setIframeSource() {
var theSelect = document.getElementById('choice');
var theIframe = document.getElementById('starterVID');
var theUrl;

theUrl = theSelect.options[theSelect.selectedIndex].value;
theIframe.src = theUrl;
}


function loadFrame(val, id){
localStorage.setItem(val, id);

if(typeof localStorage.getItem('starterVID') != 'undefined'){
$('select').val(localStorage.getItem('starterVID'));
}
}



Подробнее здесь: https://stackoverflow.com/questions/462 ... ge-refresh