PubWriter Sandbox Tutorial

<div class="sandbox">

# Video

## Self Hosted Video

## Responsive YouTube

Replace the `OX7oArbJtSk` in the example above with the Youtube video ID. Here's the code:

```
<center><div style="max-width:854px"><div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://www.youtube-nocookie.com/embed/OX7oArbJtSk?playsinline=1" width="854" height="480" style="position:absolute;left:0;top:0;width:100%;height:100%" frameborder="0" scrolling="no" allowfullscreen></iframe></div></div></center>
```

## Embed a Vimeo

### Waves
<center>
<iframe src="https://player.vimeo.com/video/442567494" width="740" height="460" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</center>

<todo: try JS injection instead of iframe>

> Just replace the vimeo id (in this demo: 442567494) with the vimeo id of the video you want to show.

# Audio on Pubwriter

## Autoplay and loop

Here's the HTML snippet you'll need to use if you want to embed audio on your PubWriter page.

Want to bring the element of sound onto your Pubwriter page? No problem! Just insert a bit of html code. Here's the snippet I'm using on this page:

`<audio src="https://pubwriter.net/audio/piano.mp3" autoplay loop> </audio>`

Or if you do want to have an audio button (but not autoload the audio itself), you can insert the HTML that looks like this:

`<audio src="http://URL.mp3" controls> </audio>`

Here's how it would appear to your visitors:
<audio src="https://dl.dropboxusercontent.com/s/kkvm9m30zf3xsjg/Greg%20Sampier.mp3?dl=0" controls> </audio>

You can also set it up to:

## Autoplay

`<audio  src="http://URL.mp3" autoplay> </audio>`

## Loop

`<audio src="http://URL.mp3" loop> </audio>`

## Preload

`<audio src="http://URL.mp3" controls  preload> </audio>`