Skip to main content
Version: 1.x

Loading Media

File#

Empty#

player.src = null;

Media Stream#

player.src = new MediaStream();

Relative Path#

player.src = '/media/audio.mp3';

URL#

player.src = 'https://mysite.com/video.mp4';

Object#

player.src = { src: '/media/video.mp4', type: 'video/mp4' };

Array#

player.src = ['/media/video.mp4', '/media/video.ogg'];

Array of Objects#

This also demonstrates how to pass in qualities which are optional.

player.src = [
{
src: '/media/video-1080.mp4',
type: 'video/mp4',
quality: 1080,
},
{
src: '/media/video-1080.ogg',
type: 'video/ogg',
quality: 1080,
},
{
src: '/media/video-720.mp4',
type: 'video/mp4',
quality: 720,
},
{
src: '/media/video-720.ogg',
type: 'video/ogg',
quality: 720,
},
];

YouTube#

Empty#

player.src = null;

Shorthand#

player.src = 'youtube/{videoId}';

URL#

https://, www and .com are optional.

player.src = 'https://www.youtube.com/{videoId}';

Shortened URL#

https:// and www are optional.

player.src = 'https://www.youtu.be/{videoId}';

Watch URL#

https://, www and .com are optional.

player.src = 'https://www.youtube.com/watch?v={videoId}';

Embed URL#

https://, www and .com are optional.

player.src = 'https://www.youtube.com/embed/{videoId}';

Vimeo#

Empty#

player.src = null;

Shorthand#

player.src = 'vimeo/{videoId}';

URL#

https://, www and .com are optional.

player.src = 'https://www.vimeo.com/{videoId}';

Embed URL#

player.src = 'player.vimeo.com/video/{videoId}';

Dailymotion#

Empty#

player.src = null;

Shorthand#

player.src = 'dailymotion/{videoId}';

URL#

https://, www and .com are optional.

player.src = 'https://www.dailymotion.com/{videoId}';

Shortened URL#

https:// and www are optional.

player.src = 'https://www.dai.ly/{videoId}';

Watch URL#

https://, www and .com are optional.

player.src = 'https://www.dailymotion.com/video/{videoId}';

Embed URL#

https://, www and .com are optional.

player.src = 'https://www.dailymotion.com/embed/video/{videoId}';