Update readme.md

This commit is contained in:
Sam Potts 2016-01-18 11:24:31 +11:00
parent dbe152a4c1
commit c51ef05067

View File

@ -134,13 +134,19 @@ And the same for `<audio>`
</div> </div>
``` ```
For YouTube, Plyr uses the standard YouTube API markup (an empty `<div>`): For YouTube and Vimeo, Plyr uses the standard YouTube API markup (an empty `<div>`):
```html ```html
<div class="plyr"> <div class="plyr">
<div data-video-id="L1h9xxCU20g" data-type="youtube"></div> <div data-video-id="bTqVqk7FSmY" data-type="youtube"></div>
</div> </div>
``` ```
```html
<div class="plyr">
<div data-video-id="143418951" data-type="vimeo"></div>
</div>
```
#### Cross Origin (CORS) #### Cross Origin (CORS)
You'll notice the `crossorigin` attribute on the example `<video>` and `<audio>` elements. This is because the media is loaded from another domain. If your media is hosted on another domain, you may need to add this attribute. You'll notice the `crossorigin` attribute on the example `<video>` and `<audio>` elements. This is because the media is loaded from another domain. If your media is hosted on another domain, you may need to add this attribute.