(link: "Whatever you want the link name to be")[(goto-url: 'whatever the URL is')]
Just insert this code where you want the image to appear in your IF.
<img src="image URL" width="500" height="300" alt="This is where the alternative text for the image goes.">
For the image URL, make sure it is a stable image and not copyrighted. For width and height, make sure (if you do include these numbers (in pixels) that they are in ratio to your original image. You don’t have to include these numbers. The best thing to do is to edit the image first in Photoshop to a reasonable size so that you don’t need to do any changes in Twine. “Alt” is for the alternative name for the image. This is good for those with vision issues and in case the image fails to show up.
Adding videos is also quite easy. In the example below (just as with an image) you are just using the URL for a video you find online. However, keep in mind that videos and photos do disappear and that URLs can change. If you intend to keep your IF, make sure you have control of where the images, videos, etc. 'live' online.
<video src="video URL" width="640" height="480"> </video>
See my comment above about width and height and images. Same thing here!
<video autoplay muted loop id="myVideo">
<source @src='setup.ImagePath + "rain.mp4"' type="video/mp4">
</video><div class="content">\
<h1>Heading</h1>\
Text goes here.
<span id="btn"><<button "Pause">>
<<script>>
// Get the video
var video = document.getElementById("myVideo");
// Pause and play the video, and change the button text
if (video.paused) {
video.play();
$("#btn button")[0].innerHTML = "Pause";
} else {
video.pause();
$("#btn button")[0].innerHTML = "Play";
}
<</script>>
<</button>></span>
</div>
<audio src="Sound Effect URL" autoplay>