{"_id":"59fb30941a8c8d002837ced8","category":{"_id":"59fb30931a8c8d002837cec4","version":"59fb30931a8c8d002837cec0","project":"55e6dcb32d0d3021000daf70","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-09-04T12:02:28.639Z","from_sync":false,"order":3,"slug":"examples","title":"Examples"},"project":"55e6dcb32d0d3021000daf70","user":"55e6dc8a2d0d3021000daf6e","parentDoc":null,"version":{"_id":"59fb30931a8c8d002837cec0","project":"55e6dcb32d0d3021000daf70","__v":2,"createdAt":"2017-11-02T14:49:55.750Z","releaseDate":"2017-11-02T14:49:55.750Z","categories":["59fb30931a8c8d002837cec1","59fb30931a8c8d002837cec2","59fb30931a8c8d002837cec3","59fb30931a8c8d002837cec4","59fb30931a8c8d002837cec5","59fb3502e786cb001c45ec9d"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.1.0","version":"1.1"},"githubsync":"","__v":0,"metadata":{"title":"","description":"","image":[]},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-09-14T07:13:16.015Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":18,"body":"If you want your player to not have the full sound volume when it is initialized, you should use the [`data-volume` parameter](doc:player-setup).\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<!DOCTYPE html>\\n<html>\\n  <head>\\n    <title>afterglow player</title>\\n    <script src=\\\"//cdn.jsdelivr.net/npm/afterglowplayer:::at:::1.x\\\"></script>\\n  </head>\\n  <body>\\n    <video class=\\\"afterglow\\\" id=\\\"myvideo\\\" width=\\\"1280\\\" height=\\\"720\\\" data-volume=\\\".5\\\">\\n    \\t<source type=\\\"video/mp4\\\" src=\\\"/path/to/myvideo.mp4\\\" />\\n    </video>\\n  </body>\\n<html>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\nYou can provide a float value ranging from 0 to 1. `data-volume=\".5\"` will set the sound volume to 50%.\n\nThis is what a basic example with a poster frame could look like :\n[block:html]\n{\n  \"html\": \"<video id=\\\"myvideo\\\" class=\\\"afterglow\\\" width=\\\"1280\\\" height=\\\"719\\\"  data-volume=\\\".5\\\" style=\\\"margin: 0 auto;\\\">\\n  <source src=\\\"http://afterglowplayer.com/sandbox/v1/afterglow_local_hd.mp4\\\" type=\\\"video/mp4\\\" />\\n</video>\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Read more about player parameters\",\n  \"body\": \"If you want to learn more about the player parameters that are available, you should take a look at the [player parameters section](doc:player-parameters).\"\n}\n[/block]","excerpt":"This page shows you how to setup the initial sound volume of your player.","slug":"setting-the-initial-sound-volume","type":"basic","title":"Setting the initial sound volume"}

Documentation

Basics

Parameters

Examples

Advanced stuff

Recipes

Setting the initial sound volume

This page shows you how to setup the initial sound volume of your player.
If you want your player to not have the full sound volume when it is initialized, you should use the [`data-volume` parameter](doc:player-setup). [block:code] { "codes": [ { "code": "<!DOCTYPE html>\n<html>\n <head>\n <title>afterglow player</title>\n <script src=\"//cdn.jsdelivr.net/npm/afterglowplayer@1.x\"></script>\n </head>\n <body>\n <video class=\"afterglow\" id=\"myvideo\" width=\"1280\" height=\"720\" data-volume=\".5\">\n \t<source type=\"video/mp4\" src=\"/path/to/myvideo.mp4\" />\n </video>\n </body>\n<html>", "language": "html" } ] } [/block] You can provide a float value ranging from 0 to 1. `data-volume=".5"` will set the sound volume to 50%. This is what a basic example with a poster frame could look like : [block:html] { "html": "<video id=\"myvideo\" class=\"afterglow\" width=\"1280\" height=\"719\" data-volume=\".5\" style=\"margin: 0 auto;\">\n <source src=\"http://afterglowplayer.com/sandbox/v1/afterglow_local_hd.mp4\" type=\"video/mp4\" />\n</video>" } [/block] [block:callout] { "type": "info", "title": "Read more about player parameters", "body": "If you want to learn more about the player parameters that are available, you should take a look at the [player parameters section](doc:player-parameters)." } [/block]