| 1 | ### Passing a single video sources:
|
| 2 | ```js
|
| 3 | <Video
|
| 4 | sources='http://videos.ctfassets.net/8viklopqoo0g/54jDRvPlGEUkmAAAsSMIKY/a2b74a7e9abb1d43fe235a351c376158/Bokeh_Video_Of_Leaves.mp4'
|
| 5 | style={{width: '500px'}}/>
|
| 6 | ```
|
| 7 |
|
| 8 | ### Passing an array of video sources:
|
| 9 | ```js
|
| 10 | <Video
|
| 11 | sources={[
|
| 12 | 'https://res.cloudinary.com/roa-canon/video/upload/v1535745827/web/ROA_BrandVideo_20180405.mp4',
|
| 13 | 'https://res.cloudinary.com/roa-canon/video/upload/v1535745827/web/ROA_BrandVideo_20180405.webm',
|
| 14 | 'https://res.cloudinary.com/roa-canon/video/upload/v1535745827/web/ROA_BrandVideo_20180405.ogv'
|
| 15 | ]}
|
| 16 | style={{width: '500px'}}/>
|
| 17 | ```
|
| 18 |
|
| 19 | ### Passing the sources as children:
|
| 20 | ```js
|
| 21 | <Video style={{width: '500px'}}>
|
| 22 | <source src='https://res.cloudinary.com/roa-canon/video/upload/v1535745827/web/ROA_BrandVideo_20180405.mp4' type='video/mp4' />
|
| 23 | <source src='https://res.cloudinary.com/roa-canon/video/upload/v1535745827/web/ROA_BrandVideo_20180405.webm' type='video/webm' />
|
| 24 | <source src='https://res.cloudinary.com/roa-canon/video/upload/v1535745827/web/ROA_BrandVideo_20180405.ogv' type='video/ogv' />
|
| 25 | </Video>
|
| 26 | ```
|
| 27 |
|
| 28 | ### Preventing autoplay:
|
| 29 | ```js
|
| 30 | <Video
|
| 31 | autoPlay={false}
|
| 32 | controls
|
| 33 | sources='http://videos.ctfassets.net/8viklopqoo0g/54jDRvPlGEUkmAAAsSMIKY/a2b74a7e9abb1d43fe235a351c376158/Bokeh_Video_Of_Leaves.mp4'
|
| 34 | style={{width: '500px'}}/>
|
| 35 | ```
|
| 36 |
|
| 37 | ### Unmuting videos:
|
| 38 | ```js
|
| 39 | <Video
|
| 40 | controls
|
| 41 | autoPlay={false}
|
| 42 | muted={false}
|
| 43 | sources='https://res.cloudinary.com/roa-canon/video/upload/v1535745827/web/ROA_BrandVideo_20180405.mp4'
|
| 44 | style={{width: '500px'}}/>
|
| 45 | |
| \ | No newline at end of file |