我如何让图像在悬停状态下显示youtube视频

<img src="image.jpg" alt="Image" id="image">
<div id="video-container"></div>

#image {
  width: 200px;
  height: 200px;
}

#video-container {
  width: 560px;
  height: 315px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

var image = document.getElementById('image');
var videoContainer = document.getElementById('video-container');

image.addEventListener('mouseover', function() {
  videoContainer.style.display = 'block';
});

image.addEventListener('mouseout', function() {
  videoContainer.style.display = 'none';
});

var videoContainer = document.getElementById('video-container');
videoContainer.innerHTML = '<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>';