Displaying local image file in HTML (image must link to local video file)

[OneAngryGamer]

I'm trying to display an image (local store) in HTML with a frame surrounding the image and when you click this image, it should open a video (local store) (the video will be played by the default video player for your PC)

If I abuse <iframe, I get:

1. Displays image = False
   
2. Displays a frame/border around the image = True
   
3. Clicking the image will open video file (played using an external player) = True
   

Only 2 of 3 achieved.

But if I use <a href= and img src I get:

1. Displays image = True
   
2. Displays a frame/border around the image = False
   
3. Click the image will open video file (played using an external player) = True
   

Only 2 of 3 achieved.


Desired solution is to achieve all 3 outcomes. Image must remain as a file so no embedding the image as base64 content.

Any suggestions?