JSFiddle - React, Tailwind, and code Playground

HTML

<select id="select">
    <option value=''>- Choisissez une vidéo -</option>
    <option value='o3mP3mJDL2k'>Shakira - Can't Remember to Forget You</option>
    <option value='j5-yKhDd64s'>Eminem - Not Afraid</option>
    <option value='kXYiU_JCYtU'>Linkin Park - Numb</option>
</select>
<h1 id="titre"></h1>
<iframe id="frame" src="" allowfullscreen></iframe>

CSS

#titre{
    font-family:Helvetica, Arial, sans-serif;
    font-size:20px;
}

#frame{
    width:560px;
    height:315px;
    border:none;
}

JavaScript

$('#select').change(function(){
    var i =  $( "#select option:selected" ).val();
    var ii = parseInt(i,10);

    
    if(i!=''){
        $( "#titre" ).text($( "#select option:selected" ).text());
        $( "#frame" ).attr('src','http://www.youtube.com/embed/'+i+'?rel=0&autoplay=1');
    } else {
        $( "#titre" ).text('');
        $( "#frame" ).attr('src','');
    }
});