Test page for shortcodes

Images

Without title

To display the image in content place

![](./img/acreto.jpg)

This code will display image without a caption:

With title

To display the image with title/caption in content place

![](./img/acreto.jpg "some title here")

This code will display image with caption:

Video

Youtube

To display video from youtube.com https://www.youtube.com/watch?v=w7Ft2ymGmfc place ID of video (last part after ?v=) in the shortcode

youtube w7Ft2ymGmfc 

Where w7Ft2ymGmfc is the ID of video. This will create:

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
      <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/w7Ft2ymGmfc?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
    </div>

and display as

Local video files

To display video from local files place URL to video in the shortcode

video src="./img/test1.mp4"

This will create:

<div class="wrapper-video">
    <video src="./img/test1.mp4"  controls loop playsinline>
        Sorry, your browser doesn't support embedded videos, but don't worry, you can
        <a href="./img/test1.mp4">download it</a>
        and watch it with your favorite video player!
    </video>
  </div>
  

and display as