{"_id":"59bba3e215d1e10024261670","category":{"_id":"59bba3e115d1e10024261656","version":"59bba3e115d1e10024261652","project":"55e6dcb32d0d3021000daf70","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-09-04T14:49:28.154Z","from_sync":false,"order":2,"slug":"player-parameters","title":"Parameters"},"user":"55e6dc8a2d0d3021000daf6e","project":"55e6dcb32d0d3021000daf70","parentDoc":null,"version":{"_id":"59bba3e115d1e10024261652","project":"55e6dcb32d0d3021000daf70","__v":1,"createdAt":"2017-09-15T09:56:49.752Z","releaseDate":"2017-09-15T09:56:49.752Z","categories":["59bba3e115d1e10024261653","59bba3e115d1e10024261654","59bba3e115d1e10024261655","59bba3e115d1e10024261656","59bba3e115d1e10024261657"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-09-12T11:09:06.023Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":6,"body":"[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"All parameters on this page are optional\",\n  \"body\": \"For a working player, you don't need more than the four [mandatory parameters](doc:mandatory-parameters). All parameters on this page are optional, that means you don't have to use them.\"\n}\n[/block]\nPlaying Youtube videos is quite easy with afterglow. Instead of adding regular sources to your `<video>` element, just provide this player parameter:\n\n---\n\n> data-youtube-id=\"XXXXXXXX\"\n\nWhen passing this parameter to the `<video>` element, afterglow will play the Youtube video which is associated with the id you provide. To get the id of a Youtube video, watch out for its url, you will find the id there.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/VEYoKqxTZmm51lLviUpW_youtube-id.jpg\",\n        \"youtube-id.jpg\",\n        \"415\",\n        \"33\",\n        \"#c54a45\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nIf omitted, the player will look out for other sources to play.\n\nYou can see an example of a Youtube player [here](doc:playing-a-youtube-video).\n\n---","excerpt":"This page explains how to use afterglow to play a video hosted on Youtube.","slug":"youtube-video","type":"basic","title":"Youtube video"}