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 src="https://www.youtube.com/embed/w7Ft2ymGmfc" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen 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"  style="max-height: 500px;" 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