{"id":3925,"date":"2021-08-24T08:49:23","date_gmt":"2021-08-24T08:49:23","guid":{"rendered":"https:\/\/m-path.io\/manual\/?post_type=ht_kb&#038;p=3925"},"modified":"2026-04-14T07:43:02","modified_gmt":"2026-04-14T07:43:02","slug":"media-items","status":"publish","type":"ht_kb","link":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/knowledge-base\/media-items\/","title":{"rendered":"Media items"},"content":{"rendered":"\n<p>A <em>Media<\/em> item is a question type where you can display any kind of information. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Image <\/strong><\/h3>\n\n\n\n<p>Use an image item to explain or illustrate something. <strong>NOTE:<\/strong> The link you use must be a direct image link, in other words the link must end in a valid image file extension (such as .jpg, .jpeg, .png &#8230;).<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"1024\" src=\"\/wp-content\/uploads\/2021\/02\/xblank-3-5-511x1024.png\" alt=\"\" class=\"wp-image-2451\" srcset=\"\/wp-content\/uploads\/2021\/02\/xblank-3-5-511x1024.png 511w, \/wp-content\/uploads\/2021\/02\/xblank-3-5-150x300.png 150w, \/wp-content\/uploads\/2021\/02\/xblank-3-5-768x1540.png 768w, \/wp-content\/uploads\/2021\/02\/xblank-3-5-25x50.png 25w, \/wp-content\/uploads\/2021\/02\/xblank-3-5-766x1536.png 766w, \/wp-content\/uploads\/2021\/02\/xblank-3-5-1022x2048.png 1022w, \/wp-content\/uploads\/2021\/02\/xblank-3-5-30x60.png 30w, \/wp-content\/uploads\/2021\/02\/xblank-3-5-50x100.png 50w, \/wp-content\/uploads\/2021\/02\/xblank-3-5.png 1292w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-13.09.01-1024x482.png\" alt=\"\" class=\"wp-image-2454\" srcset=\"\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-13.09.01-1024x482.png 1024w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-13.09.01-300x141.png 300w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-13.09.01-768x361.png 768w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-13.09.01-50x24.png 50w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-13.09.01-60x28.png 60w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-13.09.01-100x47.png 100w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-13.09.01.png 1394w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Text<\/strong><\/h3>\n\n\n\n<p>Use a text item to explain something or to provide extra information. You can adjust the lay out (if you use the <a href=\"https:\/\/manual.m-path.io\/knowledge-base\/questions-general-settings\/#formatted-text\">formatted text option<\/a>) of your text by using commando&#8217;s.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>bold text<\/strong>: <code>&lt;strong&gt;bold text&lt;\/strong&gt;<\/code><\/li>\n\n\n\n<li><strong>italic text<\/strong>: <code>&lt;em&gt;italic text&lt;\/em&gt;<\/code><\/li>\n\n\n\n<li><strong>bigger text<\/strong>: <code>&lt;h2&gt;bigger text&lt;\/h2&gt;<\/code><\/li>\n\n\n\n<li><strong>break<\/strong>: <code>&lt;br&gt;<\/code><\/li>\n<\/ul>\n\n\n\n<p>You can also add hyperlinks in formatted text blocks, which will open the phone&#8217;s browser and navigate to the entered URL.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hyperlink: <\/strong><code>&lt;a&nbsp;href=\"<em>url<\/em>\"&gt;Link text&lt;\/a&gt;<\/code><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"1024\" src=\"\/wp-content\/uploads\/2021\/02\/xblank-3-6-511x1024.png\" alt=\"\" class=\"wp-image-2481\" srcset=\"\/wp-content\/uploads\/2021\/02\/xblank-3-6-511x1024.png 511w, \/wp-content\/uploads\/2021\/02\/xblank-3-6-150x300.png 150w, \/wp-content\/uploads\/2021\/02\/xblank-3-6-768x1540.png 768w, \/wp-content\/uploads\/2021\/02\/xblank-3-6-25x50.png 25w, \/wp-content\/uploads\/2021\/02\/xblank-3-6-766x1536.png 766w, \/wp-content\/uploads\/2021\/02\/xblank-3-6-1022x2048.png 1022w, \/wp-content\/uploads\/2021\/02\/xblank-3-6-30x60.png 30w, \/wp-content\/uploads\/2021\/02\/xblank-3-6-50x100.png 50w, \/wp-content\/uploads\/2021\/02\/xblank-3-6.png 1292w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"383\" src=\"\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-14.57.41-1024x383.png\" alt=\"\" class=\"wp-image-2487\" srcset=\"\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-14.57.41-1024x383.png 1024w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-14.57.41-300x112.png 300w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-14.57.41-768x287.png 768w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-14.57.41-50x19.png 50w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-14.57.41-60x22.png 60w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-14.57.41-100x37.png 100w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-14.57.41.png 1392w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">Make sure you check the box &#8216;<em>formatted text<\/em>&#8216; in general settings when you want another lay out. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Video<\/strong><\/h3>\n\n\n\n<p>Use a video item to display a video. You can either use a YouTube link, or provide a video you host yourself. If you host the video yourself, make sure the video URL ends in the type extension (.mp4, .avi etc.).<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"1024\" src=\"\/wp-content\/uploads\/2021\/02\/xblank-3-8-511x1024.png\" alt=\"\" class=\"wp-image-2505\" srcset=\"\/wp-content\/uploads\/2021\/02\/xblank-3-8-511x1024.png 511w, \/wp-content\/uploads\/2021\/02\/xblank-3-8-150x300.png 150w, \/wp-content\/uploads\/2021\/02\/xblank-3-8-768x1540.png 768w, \/wp-content\/uploads\/2021\/02\/xblank-3-8-25x50.png 25w, \/wp-content\/uploads\/2021\/02\/xblank-3-8-766x1536.png 766w, \/wp-content\/uploads\/2021\/02\/xblank-3-8-1022x2048.png 1022w, \/wp-content\/uploads\/2021\/02\/xblank-3-8-30x60.png 30w, \/wp-content\/uploads\/2021\/02\/xblank-3-8-50x100.png 50w, \/wp-content\/uploads\/2021\/02\/xblank-3-8.png 1292w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" src=\"\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-15.27.24-1024x435.png\" alt=\"\" class=\"wp-image-2502\" srcset=\"\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-15.27.24-1024x435.png 1024w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-15.27.24-300x127.png 300w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-15.27.24-768x326.png 768w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-15.27.24-50x21.png 50w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-15.27.24-60x25.png 60w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-15.27.24-100x42.png 100w, \/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-19-at-15.27.24.png 1390w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Of course such a video can also contain subtitles.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"483\" height=\"1024\" src=\"\/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-483x1024.png\" alt=\"\" class=\"wp-image-15165\" style=\"width:219px;height:auto\" srcset=\"\/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-483x1024.png 483w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-141x300.png 141w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-768x1629.png 768w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-24x50.png 24w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-724x1536.png 724w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-966x2048.png 966w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-28x60.png 28w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347-47x100.png 47w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_155347.png 1178w\" sizes=\"auto, (max-width: 483px) 100vw, 483px\" \/><figcaption class=\"wp-element-caption\">Video with subitles from YouTube.<\/figcaption><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\">Full screen only works with self-hosted videos that are not on YouTube.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<h3 class=\"wp-block-heading\"><strong>Audio<\/strong><\/h3>\n\n\n\n<p>Use an audio item to let a client listen to an audio track. <\/p>\n\n\n\n<p><strong>NOTE: <\/strong>This has to be a direct link to an audio file (A link ending in the .mp3 extension), links to files on cloud sharing sites such as Google Drive or Onedrive will not work. You can host audio files on a server of your own, or alternatively, <a href=\"https:\/\/gist.github.com\/Moutard3\/b925b090ab1d6d20a5d20f054bae7bca\">this Github page<\/a> lists some direct audio services and how to use them. <em>If you&#8217;re sure you have a direct link but it doesn&#8217;t end in a file extension, you might have to add the file extension (.mp3, .wav) yourself.<\/em><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"1024\" src=\"\/wp-content\/uploads\/2023\/03\/1679399376049_100-584x1024.png\" alt=\"\" class=\"wp-image-10932\" style=\"width:379px;height:665px\" srcset=\"\/wp-content\/uploads\/2023\/03\/1679399376049_100-584x1024.png 584w, \/wp-content\/uploads\/2023\/03\/1679399376049_100-171x300.png 171w, \/wp-content\/uploads\/2023\/03\/1679399376049_100-768x1346.png 768w, \/wp-content\/uploads\/2023\/03\/1679399376049_100-29x50.png 29w, \/wp-content\/uploads\/2023\/03\/1679399376049_100-876x1536.png 876w, \/wp-content\/uploads\/2023\/03\/1679399376049_100-1169x2048.png 1169w, \/wp-content\/uploads\/2023\/03\/1679399376049_100-34x60.png 34w, \/wp-content\/uploads\/2023\/03\/1679399376049_100-57x100.png 57w, \/wp-content\/uploads\/2023\/03\/1679399376049_100.png 1617w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Only play<\/h4>\n\n\n\n<p>If you use the &#8216;only play&#8217; option, you can make the audio player smaller. This can be useuful to include the audio within a question or page. Using this feature, pre recorded audio can be used to explain the question. To do so, you will probably want to combine multiple items (e.g. text, audio and question) <a href=\"https:\/\/manual.m-path.io\/knowledge-base\/container\/#display-on-one-page\">on one page in a container.<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"483\" height=\"1024\" src=\"\/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-483x1024.png\" alt=\"\" class=\"wp-image-15164\" style=\"width:316px;height:auto\" srcset=\"\/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-483x1024.png 483w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-141x300.png 141w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-768x1629.png 768w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-24x50.png 24w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-724x1536.png 724w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-966x2048.png 966w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-28x60.png 28w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637-47x100.png 47w, \/wp-content\/uploads\/2021\/08\/Screenshot_20251002_153637.png 1178w\" sizes=\"auto, (max-width: 483px) 100vw, 483px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Settings<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">General<\/h4>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-text-color wp-element-button\" href=\"\/knowledge-base\/questions-general-settings\/\" style=\"color:#03a9f3\">General settings for all questions<\/a><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Specific<\/h4>\n\n\n\n<h5 class=\"wp-block-heading has-text-color\" style=\"color:#000000\"><strong>Keep media<\/strong><\/h5>\n\n\n\n<p>By checking this box you allow media (images and audio) to be saved on your clients phone. <\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">Check this box if you want to use the same media multiple times.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Host your own files<\/h4>\n\n\n\n<p>To host your own files to use with these media items, please follow this <a href=\"https:\/\/manual.m-path.io\/knowledge-base\/file-hosting\/\" data-type=\"ht_kb\" data-id=\"15545\">manual<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A media item is a question type that allows you to display any kind of information.<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[511,804],"ht-kb-tag":[],"class_list":["post-3925","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-question-types","ht_kb_category-cool-stuff"],"_links":{"self":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/3925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/comments?post=3925"}],"version-history":[{"count":30,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/3925\/revisions"}],"predecessor-version":[{"id":15555,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/3925\/revisions\/15555"}],"wp:attachment":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/media?parent=3925"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb-category?post=3925"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb-tag?post=3925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}