{"id":669,"date":"2014-12-16T14:17:33","date_gmt":"2014-12-16T14:17:33","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/?page_id=669"},"modified":"2026-02-15T15:00:36","modified_gmt":"2026-02-15T15:00:36","slug":"adding-media-wp4","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/adding-media-wp4\/","title":{"rendered":"Adding Media"},"content":{"rendered":"\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Block &#8211; Classic Editors more information<\/summary>\n<p>At the moment, January 2023, the Classic editor is turned on by default. You can set the blog to use the block editor instead or set it up to have one or other as the default with the choice to switch. More details on the <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/the-block-editor\/\">blocks page<\/a>.<\/p>\n\n\n\n<p>In the future WordPress will be transitioning to the Blocks Editor, we hope to transition to defaulting to the Blocks editor but suport the classic editor while we can.<\/p>\n\n\n\n<p>Brief instructions to using the classic editor and the blocks editor follow.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Media Files more information<\/strong><\/summary>\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>WordPress can store many types of media files, but whether they&nbsp;<em>play<\/em>&nbsp;in a visitor\u2019s browser depends on the&nbsp;<strong>format and codec<\/strong>, not just the file extension.<\/p>\n\n\n\n<p>A media file has two parts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Container<\/strong>&nbsp;(the file type, e.g.&nbsp;<code>.mp4<\/code>,&nbsp;<code>.mov<\/code>,&nbsp;<code>.m4a<\/code>)<\/li>\n\n\n\n<li><strong>Codec<\/strong>&nbsp;(how the video or audio is compressed, e.g. H.264, H.265, AAC)<\/li>\n<\/ul>\n\n\n\n<p>Browsers support different codecs. For example, a&nbsp;<code>.mov<\/code>&nbsp;file using the H.265 (HEVC) codec may play in Safari but fail in Chrome or Firefox. The file extension alone does not guarantee compatibility.<\/p>\n\n\n\n<p>Similarly, audio files such as&nbsp;<code>.m4a<\/code>&nbsp;must contain a recognised audio codec (typically AAC or ALAC). If the codec is missing, unusual, or not declared correctly, WordPress may refuse the upload or browsers may not play it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Best Practice <\/h3>\n\n\n\n<p>To make sure your media works on as many devices and browsers as possible:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Video:<\/strong>&nbsp;Upload files saved as&nbsp;<strong>.mp4<\/strong><\/li>\n\n\n\n<li><strong>Audio:<\/strong>&nbsp;Upload files saved as&nbsp;<strong>.mp3<\/strong>&nbsp;or&nbsp;<strong>.m4a<\/strong><\/li>\n\n\n\n<li><strong>Images:<\/strong>&nbsp;Upload&nbsp;<strong>.jpg<\/strong>,&nbsp;<strong>.png<\/strong>, or&nbsp;<strong>.webp<\/strong><\/li>\n<\/ul>\n\n\n\n<p>If a file will not upload or will not play:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Try exporting or saving it again as&nbsp;<strong>.mp4<\/strong>&nbsp;(for video) or&nbsp;<strong>.mp3<\/strong>&nbsp;(for audio).<\/li>\n\n\n\n<li>If you recorded it on a phone and it doesn\u2019t work, use your device\u2019s&nbsp;<strong>\u201cShare\u201d \u2192 \u201cSave as\u2026\u201d<\/strong>&nbsp;or&nbsp;<strong>\u201cExport\u201d<\/strong>&nbsp;option to create a more compatible version.<\/li>\n\n\n\n<li>If you downloaded it from somewhere else and it doesn\u2019t work, the file may not be in a web-friendly format. Ask the person who created it for an&nbsp;<strong>.mp4<\/strong>&nbsp;(video) or&nbsp;<strong>.mp3<\/strong>&nbsp;(audio) version.<\/li>\n<\/ul>\n\n\n\n<p>In general, if you stick to&nbsp;<strong>.mp4 for video<\/strong>&nbsp;and&nbsp;<strong>.mp3 for audio<\/strong>, you will avoid most problems.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#blocks\">Blocks<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"2\/#classic\">Classic<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blocks\">Blocks<\/h2>\n\n\n\n<p>Video and audio are added by adding a Video and audio block.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Audio<\/h3>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/documentation\/article\/audio-block\/\">Audio Block \u2013 Documentation \u2013 WordPress.org<\/a><\/p>\n\n\n\n<p>Embed audio into a post. Audio can be uploaded to your media library or from an external source.<\/p>\n\n\n\n<p>An audio file will included as an enclosure in the blogs RSS feed and can be consumed as a podcast.<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2023\/08\/26214023\/72892__benboncan__curlew-64.mp3\"><\/audio><figcaption class=\"wp-element-caption\">Curlew <a href=\"https:\/\/freesound.org\/people\/Benboncan\/\">Benboncan<\/a> CC-BY from freesound<\/figcaption><\/figure>\n\n\n\n<p>There are very few setting for the audio block: Autoplay, Loop &amp; preload, these can be set from the settings sidebar.<\/p>\n\n\n\n<p>We more details on our <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/2023\/08\/11\/53\/\">blocks blog: audio block post<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Video<\/h3>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/documentation\/article\/video-block\/\">Video Block&nbsp; \u2013 Documentation \u2013 WordPress.org<\/a><\/p>\n\n\n\n<p>For display video by upload or via a URL. Not used for Youtube, vimeo etc which need a embed block.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2023\/08\/26214026\/flickr-audio2.mp4\"><\/video><\/figure>\n\n\n\n<!--nextpage-->\n\n\n\n<h2 class=\"wp-block-heading\" id=\"classic\">Classic<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"..\/#blocks\">Blocks<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#classic\">Classic<\/a><\/div>\n<\/div>\n\n\n<p>Video and audio files can be displayed in players in a blog post or page.<\/p>\n<p>Download: <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2014\/12\/Audio-and-Video.docx\">Audio and Video MS docx<\/a> | <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2014\/12\/Audio-and-Video.pdf\">Audio and Video PDF<\/a><br \/>Video <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/bloggingbootcamp\/videos\/embedding-audio-and-video\/\">Embedding Audio and Video on Blogging Bootcamp<\/a><\/p>\n<p>You might want to know: <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/portfolio\/how-much-space-do-i-have-on-my-blog\/\">How much space do I have on my Blog<\/a>.<\/p>\n<hr \/>\n<h2 class=\"clarify-step-title\">Create a post<\/h2>\n<p>You start by creating a post in the usual way.<\/p>\n<p>Put the cursor where you want the gallery to appear and click the \u00a0<strong>Add Media button<\/strong>. This will open the Insert Media Screen.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"clarify-step-image alignnone\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2014\/12\/create-a-post.png\" alt=\"Screenshot Create a post\" width=\"738\" height=\"463\" \/><\/figure>\n<hr \/>\n<h2 class=\"clarify-step-title\">Insert Media<\/h2>\n<p>If you have already uploaded the media you want to add then you can select it from the <strong>Media Library<\/strong>. If you need to upload click the <strong>Upload Files<\/strong> Tab.<\/p>\n<p>You can then either drag and drop files onto the screen or click <strong>Select Files<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"clarify-step-image alignnone\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2014\/12\/insert-media.png\" alt=\"Screenshot Insert Media\" width=\"751\" height=\"644\" \/><\/figure>\n<hr \/>\n<h2 class=\"clarify-step-title\">Choose Media<\/h2>\n<p>If you clicked Select Files in the previous step the system standard file browser will open. You can select files and Click <strong>Choose<\/strong> (or select). The File will upload.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"clarify-step-image alignnone\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2014\/12\/choose-media.png\" alt=\"Screenshot Choose Media\" width=\"859\" height=\"537\" \/><\/figure>\n<hr \/>\n<h2 class=\"clarify-step-title\">Insert Media Settings<\/h2>\n<p>Once your file is uploaded it will be selected in the media picker <strong>[1]<\/strong>. Any metadata from mp3s will be displayed <strong>[2]<\/strong>. You can choose how you want the media to be displayed <strong>[3]<\/strong>.<\/p>\n<p>Gernerally you will wnat to embed the media so that it can be played or viewed. When you are ready cilic <strong>Insert into post<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"clarify-step-image alignnone\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2014\/12\/insert-media-settings.png\" alt=\"Screenshot Insert Media Settings\" width=\"958\" height=\"728\" \/><\/figure>\n<hr \/>\n<h2 class=\"clarify-step-title\">The Media is inserted into the post editor.<\/h2>\n<p>You can now finish off the post in the usual manner.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"clarify-step-image alignnone\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2014\/12\/the-media-is-inserted-into-the-post-editor.png\" alt=\"Screenshot The Media is inserted into the post editor.\" width=\"795\" height=\"347\" \/><\/figure>\n<hr \/>\n<h2 class=\"clarify-step-title\">\u00a0<\/h2>","protected":false},"excerpt":{"rendered":"<p>Blocks Video and audio are added by adding a Video and audio block. Audio Audio Block \u2013 Documentation \u2013 WordPress.org Embed audio into a post. Audio can be uploaded to your media library or from an external source. An audio file will included as an enclosure in the blogs RSS feed and can be consumed &hellip; <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/adding-media-wp4\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Adding Media<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"parent":5793,"menu_order":240,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-669","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/comments?post=669"}],"version-history":[{"count":23,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/669\/revisions"}],"predecessor-version":[{"id":6523,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/669\/revisions\/6523"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/5793"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/media?parent=669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}