Revision history [back]

To change the source of the video player when an image is clicked in JavaScript, you can use the following code:

HTML:

<img src="image.jpg" id="image" onclick="change()">
<video id="video" src="video.mp4"></video>

JavaScript:

function change() {
  var image = document.getElementById("image");
  var video = document.getElementById("video");
  video.src = "new_video.mp4";
  video.load();
  video.play();
}

In this code, an image (with the ID "image") is clicked, which triggers the "change" function. Inside the "change" function, we get the video element (with the ID "video") and set its source attribute to a new video file (in this case, "new_video.mp4"). We then load and play the new video.