如何根据选择框中的选项值更改视频的src值

<select id="videoSelect">
  <option value="video1.mp4">视频1</option>
  <option value="video2.mp4">视频2</option>
  <option value="video3.mp4">视频3</option>
</select>

<video id="myVideo" controls>
  <source src="video1.mp4" type="video/mp4">
</video>

// 获取选择框和视频元素
var videoSelect = document.getElementById("videoSelect");
var myVideo = document.getElementById("myVideo");

// 监听选择框的变化
videoSelect.addEventListener("change", function() {
  // 获取选择框当前选中的值
  var selectedValue = videoSelect.value;
  
  // 更改视频的src值为选中的值
  myVideo.src = selectedValue;
});