| Note |
|---|
Audio uploaded directly to the CMS via the media library will not display on the front-endplay on SDP websites as it is no longer supported. To display provide audio on your pageweb pages, you will need to follow to upload it to a third party podcast platform and then embed a link. Follow the instructions below. |
Instructions on These instructions describe how to add audio and podcasts to a an SDP web page.
We can embed audio and podcasts onto a page as long as the podcast provider has been Your podcast provider needs to be added to our security list ('white list or CSP) before you go live. You can request this via a service desk ticket.
We currently have the following websites providers enabled:
Libsyn
Soundcloud
Acast
If you want to embed podcasts from another provider, you'll need to log a service desk ticket with the URL, asking to add it to the CSP list.
Accessibility requirements for audio files
...
This iframe code contains information about how to display the podcast. Our CMS overrides some of the style instructions, including border and width, but we do need to note the height instruction – in this example, it's "'90"'.
Copy the text that starts with "src=" including the double quotation marks. You may have to copy the entire bit of code and then paste it into Word or Notepad in order to copy just the bit you want.
...
Click the globe icon (next to the Media button) and you'll get a pop-up window called IFrame Properties.
...
Paste the code into the URL field.On the Create embedded content popup window, you click the dropdown and select IFrame
...
Now you’ll see fields to add your iframe details.
...
Title: To ensure we're meeting our accessibility requirements, you will also need to add a title element to the iframe code at the very start, for example: <iframe title="Meet the Rats (rerelease)" src="//html5-player.libsyn..."></iframe>. It's best to have this be identical to the title of what you're embedding.
URL: Paste the code you copied earlier into the URL field.
Width and height: Type in the height (in this example it's 90) into that fieldand width, click OK Submit and save the page.
Published example
...