I am trying to have a page with embedded video that dynamically will change the source when a link below the video frame is clicked. The source videos are on my host server.i.e. this pic illustrates it:I came across [this page], which seems to have the answer, but I tried it and it didn’t work. Following the example, I pasted the css & javascript in the
and the necessary html in the body. I updated all the references to my urls and tried to keep file names the same as the example for testing.Below is what I tried. Can someone point out my errors, or provide a more elegant way of doing this? Basically dynamically change embedded video when link is clicked and the video work in all the typical browsers, and most devices.This is for a wordpress site, using JW Player for wordpressIt loads the pre image but doesn’t play.As a test I tried this and it does play single video properly:
The javascript version for multiple source links
The preload image for the 1st video loads but no video, error is’No video with supported format and MIME type found’So I added the source for the first video in this section setup='{}’>