Help
RSS
API
Feed
Maltego
Contact
Domain > weathergroup.dplayer.pro
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2023-07-31
18.164.52.6
(
ClassC
)
2026-02-08
3.169.173.110
(
ClassC
)
Port 80
HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 29872Connection: keep-aliveDate: Sun, 08 Feb 2026 11:08:20 GMTLast-Modified: Tue, 06 May 2025 17:12:30 GMTETag: e892bfe0d0f70234f6a3ed27a1cd4a59Server: AmazonS3X-Cache: Miss from cloudfrontVia: 1.1 743dabf2fdbfd64c0bd7adf3cea9dbec.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P4X-Amz-Cf-Id: yfxltW9HLTX-H2rmjI9Ebxf0XmAxNc4nKXNz4PaFuScggKLff9hayg !DOCTYPE html>html> head data-cast-api-enabledtrue> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>dotstudioPRO Video Player/title> meta namedescription contentdotstudioPRO Video Player> meta nameauthor contentdotstudioPRO> !-- inline markdown styles so we dont have to serve additional assets--> style> .markdown-body { box-sizing: border-box; min-width: 200px; max-width: 980px; margin: 0 auto; padding: 45px; } @media (max-width: 767px) { .markdown-body { padding: 15px; } } .markdown-body .octicon { display: inline-block; fill: currentColor; vertical-align: text-bottom; } .markdown-body .anchor { float: left; line-height: 1; margin-left: -20px; padding-right: 4px; } .markdown-body .anchor:focus { outline: none; } .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; } .markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; } .markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; } .markdown-body h1:hover .anchor .octicon-link:before, .markdown-body h2:hover .anchor .octicon-link:before, .markdown-body h3:hover .anchor .octicon-link:before, .markdown-body h4:hover .anchor .octicon-link:before, .markdown-body h5:hover .anchor .octicon-link:before, .markdown-body h6:hover .anchor .octicon-link:before { width: 16px; height: 16px; content: ; display: inline-block; background-image: url(data:image/svg+xml,%3Csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 16 16 version1.1 width16 height16 aria-hiddentrue%3E%3Cpath fill-ruleevenodd dM4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z%3E%3C/path%3E%3C/svg%3E); }.markdown-body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; color: #24292e; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; font-size: 16px; line-height: 1.5; word-wrap: break-word; } .markdown-body details { display: block; } .markdown-body summary { display: list-item; } .markdown-body a { background-color: initial; } .markdown-body a:active, .markdown-body a:hover { outline-width: 0; } .markdown-body strong { font-weight: inherit; font-weight: bolder; } .markdown-body h1 { font-size: 2em; margin: .67em 0; } .markdown-body img { border-style: none; } .markdown-body code, .markdown-body kbd, .markdown-body pre { font-family: monospace,monospace; font-size: 1em; } .markdown-body hr { box-sizing: initial; height: 0; overflow: visible; } .markdown-body input { font: inherit; margin: 0; } .markdown-body input { overflow: visible; } .markdown-body typecheckbox { box-sizing: border-box; padding: 0; } .markdown-body * { box-sizing: border-box; } .markdown-body input { font-family: inherit; font-size: inherit; line-height: inherit; } .markdown-body a { color: #0366d6; text-decoration: none; } .markdown-body a:hover { text-decoration: underline; } .markdown-body strong { font-weight: 600; } .markdown-body hr { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; } .markdown-body hr:after, .markdown-body hr:before { display: table; content: ; } .markdown-body hr:after { clear: both; } .markdown-body table { border-spacing: 0; border-collapse: collapse; } .markdown-body td, .markdown-body th { padding: 0; } .markdown-body details summary { cursor: pointer; } .markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: 1px solid #d1d5da; border-radius: 3px; box-shadow: inset 0 -1px 0 #d1d5da; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 0; margin-bottom: 0; } .markdown-body h1 { font-size: 32px; } .markdown-body h1, .markdown-body h2 { font-weight: 600; } .markdown-body h2 { font-size: 24px; } .markdown-body h3 { font-size: 20px; } .markdown-body h3, .markdown-body h4 { font-weight: 600; } .markdown-body h4 { font-size: 16px; } .markdown-body h5 { font-size: 14px; } .markdown-body h5, .markdown-body h6 { font-weight: 600; } .markdown-body h6 { font-size: 12px; } .markdown-body p { margin-top: 0; margin-bottom: 10px; } .markdown-body blockquote { margin: 0; } .markdown-body ol, .markdown-body ul { padding-left: 0; margin-top: 0; margin-bottom: 0; } .markdown-body ol ol, .markdown-body ul ol { list-style-type: lower-roman; } .markdown-body ol ol ol, .markdown-body ol ul ol, .markdown-body ul ol ol, .markdown-body ul ul ol { list-style-type: lower-alpha; } .markdown-body dd { margin-left: 0; } .markdown-body code, .markdown-body pre { font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 12px; } .markdown-body pre { margin-top: 0; margin-bottom: 0; } .markdown-body input::-webkit-inner-spin-button, .markdown-body input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } .markdown-body :checked+.radio-label { position: relative; z-index: 1; border-color: #0366d6; } .markdown-body .border { border: 1px solid #e1e4e8!important; } .markdown-body .border-0 { border: 0!important; } .markdown-body .border-bottom { border-bottom: 1px solid #e1e4e8!important; } .markdown-body .rounded-1 { border-radius: 3px!important; } .markdown-body .bg-white { background-color: #fff!important; } .markdown-body .bg-gray-light { background-color: #fafbfc!important; } .markdown-body .text-gray-light { color: #6a737d!important; } .markdown-body .mb-0 { margin-bottom: 0!important; } .markdown-body .my-2 { margin-top: 8px!important; margin-bottom: 8px!important; } .markdown-body .pl-0 { padding-left: 0!important; } .markdown-body .py-0 { padding-top: 0!important; padding-bottom: 0!important; } .markdown-body .pl-1 { padding-left: 4px!important; } .markdown-body .pl-2 { padding-left: 8px!important; } .markdown-body .py-2 { padding-top: 8px!important; padding-bottom: 8px!important; } .markdown-body .pl-3, .markdown-body .px-3 { padding-left: 16px!important; } .markdown-body .px-3 { padding-right: 16px!important; } .markdown-body .pl-4 { padding-left: 24px!important; } .markdown-body .pl-5 { padding-left: 32px!important; } .markdown-body .pl-6 { padding-left: 40px!important; } .markdown-body .f6 { font-size: 12px!important; } .markdown-body .lh-condensed { line-height: 1.25!important; } .markdown-body .text-bold { font-weight: 600!important; } .markdown-body .pl-c { color: #6a737d; } .markdown-body .pl-c1, .markdown-body .pl-s .pl-v { color: #005cc5; } .markdown-body .pl-e, .markdown-body .pl-en { color: #6f42c1; } .markdown-body .pl-s .pl-s1, .markdown-body .pl-smi { color: #24292e; } .markdown-body .pl-ent { color: #22863a; } .markdown-body .pl-k { color: #d73a49; } .markdown-body .pl-pds, .markdown-body .pl-s, .markdown-body .pl-s .pl-pse .pl-s1, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sra, .markdown-body .pl-sr .pl-sre { color: #032f62; } .markdown-body .pl-smw, .markdown-body .pl-v { color: #e36209; } .markdown-body .pl-bu { color: #b31d28; } .markdown-body .pl-ii { color: #fafbfc; background-color: #b31d28; } .markdown-body .pl-c2 { color: #fafbfc; background-color: #d73a49; } .markdown-body .pl-c2:before { content: ^M; } .markdown-body .pl-sr .pl-cce { font-weight: 700; color: #22863a; } .markdown-body .pl-ml { color: #735c0f; } .markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms { font-weight: 700; color: #005cc5; } .markdown-body .pl-mi { font-style: italic; color: #24292e; } .markdown-body .pl-mb { font-weight: 700; color: #24292e; } .markdown-body .pl-md { color: #b31d28; background-color: #ffeef0; } .markdown-body .pl-mi1 { color: #22863a; background-color: #f0fff4; } .markdown-body .pl-mc { color: #e36209; background-color: #ffebda; } .markdown-body .pl-mi2 { color: #f6f8fa; background-color: #005cc5; } .markdown-body .pl-mdr { font-weight: 700; color: #6f42c1; } .markdown-body .pl-ba { color: #586069; } .markdown-body .pl-sg { color: #959da5; } .markdown-body .pl-corl { text-decoration: underline; color: #032f62; } .markdown-body .mb-0 { margin-bottom: 0!important; } .markdown-body .my-2 { margin-bottom: 8px!important; } .markdown-body .my-2 { margin-top: 8px!important; } .markdown-body .pl-0 { padding-left: 0!important; } .markdown-body .py-0 { padding-top: 0!important; padding-bottom: 0!important; } .markdown-body .pl-1 { padding-left: 4px!important; } .markdown-body .pl-2 { padding-left: 8px!important; } .markdown-body .py-2 { padding-top: 8px!important; padding-bottom: 8px!important; } .markdown-body .pl-3 { padding-left: 16px!important; } .markdown-body .pl-4 { padding-left: 24px!important; } .markdown-body .pl-5 { padding-left: 32px!important; } .markdown-body .pl-6 { padding-left: 40px!important; } .markdown-body .pl-7 { padding-left: 48px!important; } .markdown-body .pl-8 { padding-left: 64px!important; } .markdown-body .pl-9 { padding-left: 80px!important; } .markdown-body .pl-10 { padding-left: 96px!important; } .markdown-body .pl-11 { padding-left: 112px!important; } .markdown-body .pl-12 { padding-left: 128px!important; } .markdown-body hr { border-bottom-color: #eee; } .markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: 1px solid #d1d5da; border-radius: 3px; box-shadow: inset 0 -1px 0 #d1d5da; } .markdown-body:after, .markdown-body:before { display: table; content: ; } .markdown-body:after { clear: both; } .markdown-body>:first-child { margin-top: 0!important; } .markdown-body>:last-child { margin-bottom: 0!important; } .markdown-body a:not(href) { color: inherit; text-decoration: none; } .markdown-body blockquote, .markdown-body details, .markdown-body dl, .markdown-body ol, .markdown-body p, .markdown-body pre, .markdown-body table, .markdown-body ul { margin-top: 0; margin-bottom: 16px; } .markdown-body hr { height: .25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; } .markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: .25em solid #dfe2e5; } .markdown-body blockquote>:first-child { margin-top: 0; } .markdown-body blockquote>:last-child { margin-bottom: 0; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } .markdown-body h1 { font-size: 2em; } .markdown-body h1, .markdown-body h2 { padding-bottom: .3em; border-bottom: 1px solid #eaecef; } .markdown-body h2 { font-size: 1.5em; } .markdown-body h3 { font-size: 1.25em; } .markdown-body h4 { font-size: 1em; } .markdown-body h5 { font-size: .875em; } .markdown-body h6 { font-size: .85em; color: #6a737d; } .markdown-body ol, .markdown-body ul { padding-left: 2em; } .markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul { margin-top: 0; margin-bottom: 0; } .markdown-body li { word-wrap: break-all; } .markdown-body li>p { margin-top: 16px; } .markdown-body li+li { margin-top: .25em; } .markdown-body dl { padding: 0; } .markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; } .markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; } .markdown-body table { display: block; width: 100%; overflow: auto; } .markdown-body table th { font-weight: 600; } .markdown-body table td, .markdown-body table th { padding: 6px 13px; border: 1px solid #dfe2e5; } .markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; } .markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; } .markdown-body img { max-width: 100%; box-sizing: initial; background-color: #fff; } .markdown-body imgalignright { padding-left: 20px; } .markdown-body imgalignleft { padding-right: 20px; } .markdown-body code { padding: .2em .4em; margin: 0; font-size: 85%; background-color: rgba(27,31,35,.05); border-radius: 3px; } .markdown-body pre { word-wrap: normal; } .markdown-body pre>code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } .markdown-body .highlight { margin-bottom: 16px; } .markdown-body .highlight pre { margin-bottom: 0; word-break: normal; } .markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; } .markdown-body pre code { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: initial; border: 0; } .markdown-body .commit-tease-sha { display: inline-block; font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 90%; color: #444d56; } .markdown-body .full-commit .btn-outline:not(:disabled):hover { color: #005cc5; border-color: #005cc5; } .markdown-body .blob-wrapper { overflow-x: auto; overflow-y: hidden; } .markdown-body .blob-wrapper-embedded { max-height: 240px; overflow-y: auto; } .markdown-body .blob-num { width: 1%; min-width: 50px; padding-right: 10px; padding-left: 10px; font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 12px; line-height: 20px; color: rgba(27,31,35,.3); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .markdown-body .blob-num:hover { color: rgba(27,31,35,.6); } .markdown-body .blob-num:before { content: attr(data-line-number); } .markdown-body .blob-code { position: relative; padding-right: 10px; padding-left: 10px; line-height: 20px; vertical-align: top; } .markdown-body .blob-code-inner { overflow: visible; font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 12px; color: #24292e; word-wrap: normal; white-space: pre; } .markdown-body .pl-token.active, .markdown-body .pl-token:hover { cursor: pointer; background: #ffea7f; } .markdown-body .tab-sizedata-tab-size1 { -moz-tab-size: 1; tab-size: 1; } .markdown-body .tab-sizedata-tab-size2 { -moz-tab-size: 2; tab-size: 2; } .markdown-body .tab-sizedata-tab-size3 { -moz-tab-size: 3; tab-size: 3; } .markdown-body .tab-sizedata-tab-size4 { -moz-tab-size: 4; tab-size: 4; } .markdown-body .tab-sizedata-tab-size5 { -moz-tab-size: 5; tab-size: 5; } .markdown-body .tab-sizedata-tab-size6 { -moz-tab-size: 6; tab-size: 6; } .markdown-body .tab-sizedata-tab-size7 { -moz-tab-size: 7; tab-size: 7; } .markdown-body .tab-sizedata-tab-size8 { -moz-tab-size: 8; tab-size: 8; } .markdown-body .tab-sizedata-tab-size9 { -moz-tab-size: 9; tab-size: 9; } .markdown-body .tab-sizedata-tab-size10 { -moz-tab-size: 10; tab-size: 10; } .markdown-body .tab-sizedata-tab-size11 { -moz-tab-size: 11; tab-size: 11; } .markdown-body .tab-sizedata-tab-size12 { -moz-tab-size: 12; tab-size: 12; } .markdown-body .task-list-item { list-style-type: none; } .markdown-body .task-list-item+.task-list-item { margin-top: 3px; } .markdown-body .task-list-item input { margin: 0 .2em .25em -1.6em; vertical-align: middle; } h2:not(:first-child) { margin-top:40px; } /style> /head> body stylemargin:0;> article classmarkdown-body> h1>dotstudioPRO Player Documentation/h1> h2>Usage/h2> p>In order to embed the dotstudioPRO player, first ensure the player script is loaded onto your page: /p> pre langno-highlight><script type"text/javascript" src"https://www.dplayer.pro/dotplayer.js"></script>/pre> p>Embedding the script above will expose the DotPlayer libary. Next, mount a player instance by calling the librarys code>mount()/code> method:/p> pre langno-highlight>DotPlayer.mount({ video_id: "54d11dda97f81567407b23c6", company_id: "54d11dda97f81567407b23c6" }) .then(async (player) > { // after this, the React Application has successfully mounted await player.isPlayerLoaded(); // but only after this is the player is done rendering await player.load(5f7f1d542a7c8b7c8679a902) // other player methods can now be used});/pre> p>The code>mount()/code> method receives a resolved promise when the React app simply mounts successfully. It is highly recommended to code>await player.isPlayerLoaded/code> to ensure you do not attempt to operate on the player prior to it becoming available. The player may be mounted without passing it a code>video_id/code> to preload the player code and speed up load times when it is finally required. /p> p>In addition to passing the mandatory code>company_id/code> parameter, a number of optional parameters exist that can be passed to the player during mounting. a href#configuration>These are documented further below./a>/p> h2>Player Methods/h2> p>After mounting, some player methods are exposed to the window via `window.DotPlayer`./p> h4>Change video/h4> p>To load a new video into the player, use the available `load` method. The code>load/code> method requires one parameter - the dotstudioPRO Video ID./p> pre langno-highlight>await player.load(5f691d0f1cc5be21fb199b72);/pre> h4>Load video by URL/h4> p>To load an HLS stream with a VMAP directly into the player, use the available `loadByUrl` method. The `loadByUrl` method requires one parameters - the HLS playback URL. There is an optional second parameter available which can be used to pass a VMAP URL to the player./p> pre langno-highlight>await player.loadByUrl(https://my.site.com/video/123.m3u8, https://my.site.com/vmap/123);/pre> h4>HTML5 Player Methods/h4> p>All a target_blank hrefhttps://docs.videojs.com/docs/api/player.html>standard VideoJS player methods/a> are exposed after mounting to the player instances code>vjs/code> class. Example usage:/p> pre langno-highlight>player.vjs.on(play, function() { console.log(Player onPlay event.)});/pre> h4>Dispose/h4> p>To safely dispose of the player when it is no longer needed, use the librarys available `unmount` method../p> pre langno-highlight>DotPlayer.unmount();/pre> h2 idconfiguration>Optional Configuration/h2> h4>video_id/h4> ul> li>Type: String/li> li>Valid values: b>MongoObjectID/b> li>Default value: null/li> li>To load a specific video from the dotstudioPRO CMS, its ID must be passed to the mount() or load() methods./li> /ul> h4>autostart/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: false/li> li>Defines whether the player should attempt to automatically begin video playback when the video asset is loaded./li> li>Please note that all major browsers a hrefhttps://blog.videojs.com/autoplay-best-practices-with-video-js/#Autoplay-Policies-in-the-Big-Browsers>disallow auto playing videos with sound./a> If you pass a value of `true` the player will attempt to begin playback automatically but the volume will be muted by default./li> li>The Chrome browser is able to learn the users preference on return page visits to your domain and a hrefhttps://www.blog.google/products/chrome/improving-autoplay-chrome/>may eventually allow autoplay with sound on/a>, however this is up to the user./li> /ul> h4>muted/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: false/li> li>Defines whether the player should begin playback muted./li> /ul> h4>controls/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: true/li> li>Defines whether the player controls should be visible./li> /ul> h4>target/h4> ul> li>Type: String/li> li>Valid values: b>.classSelector/b> or b>#idSelector/b> li>Default value: null/li> li>Use this to specify a div for the player to render in. If this is not provided the player will get appended to the page body./li> /ul> h4>channel_id/h4> ul> li>Type: String/li> li>Valid values: b>MongoObjectID/b> li>Default value: null/li> li>If the player was rendered from a channel page, the Spotlight Channel ID should be provided during mounting to capture additional analytics./li> li>Always send the parent channel ID, even if looking at a season of a series./li> /ul> h4>channel_title/h4> ul> li>Type: String/li> li>Valid values: b>Title of My Channel/b> li>Default value: null/li> li>If the player was rendered from a channel page, the Channel Title should be provided during mounting to capture additional analytics./li> /ul> h4>dspro_channel_id/h4> ul> li>Type: String/li> li>Valid values: b>MongoObjectID/b> li>Default value: null/li> li>If the player was rendered from a channel page, the dotstudioPRO Channel ID can be provided during mounting to capture additional analytics./li> li>Always send the parent channel ID, even if looking at a season of a series./li> /ul> h4>inline/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: false/li> li>Allows to play inline, and will not automatically enter fullscreen mode when playback begins./li> /ul> h4>skin/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: true/li> li>Defines whether the dotstudioPRO skin should be loaded./li> /ul> h4>theme/h4> ul> li>Type: Object/li> li>Sample object & default values:/li> div classhighlight highlight-source-js> pre>{ fontColor: #ffffff, // main icon color fontColorHover: #33B275, // icon color when hovered over progressSliderMain: #33B275, // progress slider color progressSliderBackground: #aaaaaa, // progress slider background color controlBar: #000000, // control bar gradient background color}/pre> /div> li>The theme object will only accept valid hexadecimal color codes./li> /ul> h4>fluid/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: true/li> li>Fluid mode players will force a 16x9 aspect ratio with a variable width. Non-fluid players will fill the width and height of the parent container./li> /ul> h4>springserve/h4> ul> li>Type: Object/li> li>Default value: null/li> li>Options for Springserve ad servers/li> li>Sample object:/li> div classhighlight highlight-source-js> pre>{ user_cookieid: // Passes a `user_cookieid` macro value to video playback urls (m3u8s) and calls to our VMAP route.} /pre> /div> /ul> h2>Full Example Embed/h2> div classhighlight highlight-source-js>pre> <script typetext/javascript srchttps://www.dplayer.pro/dotplayer.js></script> <div idmy-player-div stylewidth:640px; height: 360px;><div/> <script typetext/javascript> DotPlayer.mount({ video_id: 54d11dda97f81567407b23c6, company_id: 54d11dda97f81567407b23c6, autostart: true, muted: true, controls: true, target: #my-player-div, channel_id: 5aab9759ecad8d626fa96393, channel_title: My Cool Channel, dspro_channel_id: 5710181383058e4930798606, fluid: false, skin: true, theme: { fontColor: #ffffff, fontColorHover: #33B275, progressSliderMain: #33B275, progressSliderBackground: #dddddd, controlBar: #000000 }, springserve: { user_cookieid: abcd-efgh-ijkl-mnop } }).then(async (player) > { await player.isPlayerLoaded(); });; </script>/pre> /div> /article> /body>/html>
Port 443
HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 29872Connection: keep-aliveDate: Sun, 08 Feb 2026 11:08:20 GMTLast-Modified: Tue, 06 May 2025 17:12:30 GMTETag: e892bfe0d0f70234f6a3ed27a1cd4a59Server: AmazonS3X-Cache: Hit from cloudfrontVia: 1.1 08437041a08295a47ee88412dbd8c35a.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P4X-Amz-Cf-Id: ph-XLI4Gv2FYGGnEfdcmNBmf77AMuL93paDjRdP8XHXDPfNRW637fwAge: 1 !DOCTYPE html>html> head data-cast-api-enabledtrue> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>dotstudioPRO Video Player/title> meta namedescription contentdotstudioPRO Video Player> meta nameauthor contentdotstudioPRO> !-- inline markdown styles so we dont have to serve additional assets--> style> .markdown-body { box-sizing: border-box; min-width: 200px; max-width: 980px; margin: 0 auto; padding: 45px; } @media (max-width: 767px) { .markdown-body { padding: 15px; } } .markdown-body .octicon { display: inline-block; fill: currentColor; vertical-align: text-bottom; } .markdown-body .anchor { float: left; line-height: 1; margin-left: -20px; padding-right: 4px; } .markdown-body .anchor:focus { outline: none; } .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; } .markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; } .markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; } .markdown-body h1:hover .anchor .octicon-link:before, .markdown-body h2:hover .anchor .octicon-link:before, .markdown-body h3:hover .anchor .octicon-link:before, .markdown-body h4:hover .anchor .octicon-link:before, .markdown-body h5:hover .anchor .octicon-link:before, .markdown-body h6:hover .anchor .octicon-link:before { width: 16px; height: 16px; content: ; display: inline-block; background-image: url(data:image/svg+xml,%3Csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 16 16 version1.1 width16 height16 aria-hiddentrue%3E%3Cpath fill-ruleevenodd dM4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z%3E%3C/path%3E%3C/svg%3E); }.markdown-body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; color: #24292e; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; font-size: 16px; line-height: 1.5; word-wrap: break-word; } .markdown-body details { display: block; } .markdown-body summary { display: list-item; } .markdown-body a { background-color: initial; } .markdown-body a:active, .markdown-body a:hover { outline-width: 0; } .markdown-body strong { font-weight: inherit; font-weight: bolder; } .markdown-body h1 { font-size: 2em; margin: .67em 0; } .markdown-body img { border-style: none; } .markdown-body code, .markdown-body kbd, .markdown-body pre { font-family: monospace,monospace; font-size: 1em; } .markdown-body hr { box-sizing: initial; height: 0; overflow: visible; } .markdown-body input { font: inherit; margin: 0; } .markdown-body input { overflow: visible; } .markdown-body typecheckbox { box-sizing: border-box; padding: 0; } .markdown-body * { box-sizing: border-box; } .markdown-body input { font-family: inherit; font-size: inherit; line-height: inherit; } .markdown-body a { color: #0366d6; text-decoration: none; } .markdown-body a:hover { text-decoration: underline; } .markdown-body strong { font-weight: 600; } .markdown-body hr { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; } .markdown-body hr:after, .markdown-body hr:before { display: table; content: ; } .markdown-body hr:after { clear: both; } .markdown-body table { border-spacing: 0; border-collapse: collapse; } .markdown-body td, .markdown-body th { padding: 0; } .markdown-body details summary { cursor: pointer; } .markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: 1px solid #d1d5da; border-radius: 3px; box-shadow: inset 0 -1px 0 #d1d5da; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 0; margin-bottom: 0; } .markdown-body h1 { font-size: 32px; } .markdown-body h1, .markdown-body h2 { font-weight: 600; } .markdown-body h2 { font-size: 24px; } .markdown-body h3 { font-size: 20px; } .markdown-body h3, .markdown-body h4 { font-weight: 600; } .markdown-body h4 { font-size: 16px; } .markdown-body h5 { font-size: 14px; } .markdown-body h5, .markdown-body h6 { font-weight: 600; } .markdown-body h6 { font-size: 12px; } .markdown-body p { margin-top: 0; margin-bottom: 10px; } .markdown-body blockquote { margin: 0; } .markdown-body ol, .markdown-body ul { padding-left: 0; margin-top: 0; margin-bottom: 0; } .markdown-body ol ol, .markdown-body ul ol { list-style-type: lower-roman; } .markdown-body ol ol ol, .markdown-body ol ul ol, .markdown-body ul ol ol, .markdown-body ul ul ol { list-style-type: lower-alpha; } .markdown-body dd { margin-left: 0; } .markdown-body code, .markdown-body pre { font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 12px; } .markdown-body pre { margin-top: 0; margin-bottom: 0; } .markdown-body input::-webkit-inner-spin-button, .markdown-body input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } .markdown-body :checked+.radio-label { position: relative; z-index: 1; border-color: #0366d6; } .markdown-body .border { border: 1px solid #e1e4e8!important; } .markdown-body .border-0 { border: 0!important; } .markdown-body .border-bottom { border-bottom: 1px solid #e1e4e8!important; } .markdown-body .rounded-1 { border-radius: 3px!important; } .markdown-body .bg-white { background-color: #fff!important; } .markdown-body .bg-gray-light { background-color: #fafbfc!important; } .markdown-body .text-gray-light { color: #6a737d!important; } .markdown-body .mb-0 { margin-bottom: 0!important; } .markdown-body .my-2 { margin-top: 8px!important; margin-bottom: 8px!important; } .markdown-body .pl-0 { padding-left: 0!important; } .markdown-body .py-0 { padding-top: 0!important; padding-bottom: 0!important; } .markdown-body .pl-1 { padding-left: 4px!important; } .markdown-body .pl-2 { padding-left: 8px!important; } .markdown-body .py-2 { padding-top: 8px!important; padding-bottom: 8px!important; } .markdown-body .pl-3, .markdown-body .px-3 { padding-left: 16px!important; } .markdown-body .px-3 { padding-right: 16px!important; } .markdown-body .pl-4 { padding-left: 24px!important; } .markdown-body .pl-5 { padding-left: 32px!important; } .markdown-body .pl-6 { padding-left: 40px!important; } .markdown-body .f6 { font-size: 12px!important; } .markdown-body .lh-condensed { line-height: 1.25!important; } .markdown-body .text-bold { font-weight: 600!important; } .markdown-body .pl-c { color: #6a737d; } .markdown-body .pl-c1, .markdown-body .pl-s .pl-v { color: #005cc5; } .markdown-body .pl-e, .markdown-body .pl-en { color: #6f42c1; } .markdown-body .pl-s .pl-s1, .markdown-body .pl-smi { color: #24292e; } .markdown-body .pl-ent { color: #22863a; } .markdown-body .pl-k { color: #d73a49; } .markdown-body .pl-pds, .markdown-body .pl-s, .markdown-body .pl-s .pl-pse .pl-s1, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sra, .markdown-body .pl-sr .pl-sre { color: #032f62; } .markdown-body .pl-smw, .markdown-body .pl-v { color: #e36209; } .markdown-body .pl-bu { color: #b31d28; } .markdown-body .pl-ii { color: #fafbfc; background-color: #b31d28; } .markdown-body .pl-c2 { color: #fafbfc; background-color: #d73a49; } .markdown-body .pl-c2:before { content: ^M; } .markdown-body .pl-sr .pl-cce { font-weight: 700; color: #22863a; } .markdown-body .pl-ml { color: #735c0f; } .markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms { font-weight: 700; color: #005cc5; } .markdown-body .pl-mi { font-style: italic; color: #24292e; } .markdown-body .pl-mb { font-weight: 700; color: #24292e; } .markdown-body .pl-md { color: #b31d28; background-color: #ffeef0; } .markdown-body .pl-mi1 { color: #22863a; background-color: #f0fff4; } .markdown-body .pl-mc { color: #e36209; background-color: #ffebda; } .markdown-body .pl-mi2 { color: #f6f8fa; background-color: #005cc5; } .markdown-body .pl-mdr { font-weight: 700; color: #6f42c1; } .markdown-body .pl-ba { color: #586069; } .markdown-body .pl-sg { color: #959da5; } .markdown-body .pl-corl { text-decoration: underline; color: #032f62; } .markdown-body .mb-0 { margin-bottom: 0!important; } .markdown-body .my-2 { margin-bottom: 8px!important; } .markdown-body .my-2 { margin-top: 8px!important; } .markdown-body .pl-0 { padding-left: 0!important; } .markdown-body .py-0 { padding-top: 0!important; padding-bottom: 0!important; } .markdown-body .pl-1 { padding-left: 4px!important; } .markdown-body .pl-2 { padding-left: 8px!important; } .markdown-body .py-2 { padding-top: 8px!important; padding-bottom: 8px!important; } .markdown-body .pl-3 { padding-left: 16px!important; } .markdown-body .pl-4 { padding-left: 24px!important; } .markdown-body .pl-5 { padding-left: 32px!important; } .markdown-body .pl-6 { padding-left: 40px!important; } .markdown-body .pl-7 { padding-left: 48px!important; } .markdown-body .pl-8 { padding-left: 64px!important; } .markdown-body .pl-9 { padding-left: 80px!important; } .markdown-body .pl-10 { padding-left: 96px!important; } .markdown-body .pl-11 { padding-left: 112px!important; } .markdown-body .pl-12 { padding-left: 128px!important; } .markdown-body hr { border-bottom-color: #eee; } .markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: 1px solid #d1d5da; border-radius: 3px; box-shadow: inset 0 -1px 0 #d1d5da; } .markdown-body:after, .markdown-body:before { display: table; content: ; } .markdown-body:after { clear: both; } .markdown-body>:first-child { margin-top: 0!important; } .markdown-body>:last-child { margin-bottom: 0!important; } .markdown-body a:not(href) { color: inherit; text-decoration: none; } .markdown-body blockquote, .markdown-body details, .markdown-body dl, .markdown-body ol, .markdown-body p, .markdown-body pre, .markdown-body table, .markdown-body ul { margin-top: 0; margin-bottom: 16px; } .markdown-body hr { height: .25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; } .markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: .25em solid #dfe2e5; } .markdown-body blockquote>:first-child { margin-top: 0; } .markdown-body blockquote>:last-child { margin-bottom: 0; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } .markdown-body h1 { font-size: 2em; } .markdown-body h1, .markdown-body h2 { padding-bottom: .3em; border-bottom: 1px solid #eaecef; } .markdown-body h2 { font-size: 1.5em; } .markdown-body h3 { font-size: 1.25em; } .markdown-body h4 { font-size: 1em; } .markdown-body h5 { font-size: .875em; } .markdown-body h6 { font-size: .85em; color: #6a737d; } .markdown-body ol, .markdown-body ul { padding-left: 2em; } .markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul { margin-top: 0; margin-bottom: 0; } .markdown-body li { word-wrap: break-all; } .markdown-body li>p { margin-top: 16px; } .markdown-body li+li { margin-top: .25em; } .markdown-body dl { padding: 0; } .markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; } .markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; } .markdown-body table { display: block; width: 100%; overflow: auto; } .markdown-body table th { font-weight: 600; } .markdown-body table td, .markdown-body table th { padding: 6px 13px; border: 1px solid #dfe2e5; } .markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; } .markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; } .markdown-body img { max-width: 100%; box-sizing: initial; background-color: #fff; } .markdown-body imgalignright { padding-left: 20px; } .markdown-body imgalignleft { padding-right: 20px; } .markdown-body code { padding: .2em .4em; margin: 0; font-size: 85%; background-color: rgba(27,31,35,.05); border-radius: 3px; } .markdown-body pre { word-wrap: normal; } .markdown-body pre>code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } .markdown-body .highlight { margin-bottom: 16px; } .markdown-body .highlight pre { margin-bottom: 0; word-break: normal; } .markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; } .markdown-body pre code { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: initial; border: 0; } .markdown-body .commit-tease-sha { display: inline-block; font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 90%; color: #444d56; } .markdown-body .full-commit .btn-outline:not(:disabled):hover { color: #005cc5; border-color: #005cc5; } .markdown-body .blob-wrapper { overflow-x: auto; overflow-y: hidden; } .markdown-body .blob-wrapper-embedded { max-height: 240px; overflow-y: auto; } .markdown-body .blob-num { width: 1%; min-width: 50px; padding-right: 10px; padding-left: 10px; font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 12px; line-height: 20px; color: rgba(27,31,35,.3); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .markdown-body .blob-num:hover { color: rgba(27,31,35,.6); } .markdown-body .blob-num:before { content: attr(data-line-number); } .markdown-body .blob-code { position: relative; padding-right: 10px; padding-left: 10px; line-height: 20px; vertical-align: top; } .markdown-body .blob-code-inner { overflow: visible; font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 12px; color: #24292e; word-wrap: normal; white-space: pre; } .markdown-body .pl-token.active, .markdown-body .pl-token:hover { cursor: pointer; background: #ffea7f; } .markdown-body .tab-sizedata-tab-size1 { -moz-tab-size: 1; tab-size: 1; } .markdown-body .tab-sizedata-tab-size2 { -moz-tab-size: 2; tab-size: 2; } .markdown-body .tab-sizedata-tab-size3 { -moz-tab-size: 3; tab-size: 3; } .markdown-body .tab-sizedata-tab-size4 { -moz-tab-size: 4; tab-size: 4; } .markdown-body .tab-sizedata-tab-size5 { -moz-tab-size: 5; tab-size: 5; } .markdown-body .tab-sizedata-tab-size6 { -moz-tab-size: 6; tab-size: 6; } .markdown-body .tab-sizedata-tab-size7 { -moz-tab-size: 7; tab-size: 7; } .markdown-body .tab-sizedata-tab-size8 { -moz-tab-size: 8; tab-size: 8; } .markdown-body .tab-sizedata-tab-size9 { -moz-tab-size: 9; tab-size: 9; } .markdown-body .tab-sizedata-tab-size10 { -moz-tab-size: 10; tab-size: 10; } .markdown-body .tab-sizedata-tab-size11 { -moz-tab-size: 11; tab-size: 11; } .markdown-body .tab-sizedata-tab-size12 { -moz-tab-size: 12; tab-size: 12; } .markdown-body .task-list-item { list-style-type: none; } .markdown-body .task-list-item+.task-list-item { margin-top: 3px; } .markdown-body .task-list-item input { margin: 0 .2em .25em -1.6em; vertical-align: middle; } h2:not(:first-child) { margin-top:40px; } /style> /head> body stylemargin:0;> article classmarkdown-body> h1>dotstudioPRO Player Documentation/h1> h2>Usage/h2> p>In order to embed the dotstudioPRO player, first ensure the player script is loaded onto your page: /p> pre langno-highlight><script type"text/javascript" src"https://www.dplayer.pro/dotplayer.js"></script>/pre> p>Embedding the script above will expose the DotPlayer libary. Next, mount a player instance by calling the librarys code>mount()/code> method:/p> pre langno-highlight>DotPlayer.mount({ video_id: "54d11dda97f81567407b23c6", company_id: "54d11dda97f81567407b23c6" }) .then(async (player) > { // after this, the React Application has successfully mounted await player.isPlayerLoaded(); // but only after this is the player is done rendering await player.load(5f7f1d542a7c8b7c8679a902) // other player methods can now be used});/pre> p>The code>mount()/code> method receives a resolved promise when the React app simply mounts successfully. It is highly recommended to code>await player.isPlayerLoaded/code> to ensure you do not attempt to operate on the player prior to it becoming available. The player may be mounted without passing it a code>video_id/code> to preload the player code and speed up load times when it is finally required. /p> p>In addition to passing the mandatory code>company_id/code> parameter, a number of optional parameters exist that can be passed to the player during mounting. a href#configuration>These are documented further below./a>/p> h2>Player Methods/h2> p>After mounting, some player methods are exposed to the window via `window.DotPlayer`./p> h4>Change video/h4> p>To load a new video into the player, use the available `load` method. The code>load/code> method requires one parameter - the dotstudioPRO Video ID./p> pre langno-highlight>await player.load(5f691d0f1cc5be21fb199b72);/pre> h4>Load video by URL/h4> p>To load an HLS stream with a VMAP directly into the player, use the available `loadByUrl` method. The `loadByUrl` method requires one parameters - the HLS playback URL. There is an optional second parameter available which can be used to pass a VMAP URL to the player./p> pre langno-highlight>await player.loadByUrl(https://my.site.com/video/123.m3u8, https://my.site.com/vmap/123);/pre> h4>HTML5 Player Methods/h4> p>All a target_blank hrefhttps://docs.videojs.com/docs/api/player.html>standard VideoJS player methods/a> are exposed after mounting to the player instances code>vjs/code> class. Example usage:/p> pre langno-highlight>player.vjs.on(play, function() { console.log(Player onPlay event.)});/pre> h4>Dispose/h4> p>To safely dispose of the player when it is no longer needed, use the librarys available `unmount` method../p> pre langno-highlight>DotPlayer.unmount();/pre> h2 idconfiguration>Optional Configuration/h2> h4>video_id/h4> ul> li>Type: String/li> li>Valid values: b>MongoObjectID/b> li>Default value: null/li> li>To load a specific video from the dotstudioPRO CMS, its ID must be passed to the mount() or load() methods./li> /ul> h4>autostart/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: false/li> li>Defines whether the player should attempt to automatically begin video playback when the video asset is loaded./li> li>Please note that all major browsers a hrefhttps://blog.videojs.com/autoplay-best-practices-with-video-js/#Autoplay-Policies-in-the-Big-Browsers>disallow auto playing videos with sound./a> If you pass a value of `true` the player will attempt to begin playback automatically but the volume will be muted by default./li> li>The Chrome browser is able to learn the users preference on return page visits to your domain and a hrefhttps://www.blog.google/products/chrome/improving-autoplay-chrome/>may eventually allow autoplay with sound on/a>, however this is up to the user./li> /ul> h4>muted/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: false/li> li>Defines whether the player should begin playback muted./li> /ul> h4>controls/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: true/li> li>Defines whether the player controls should be visible./li> /ul> h4>target/h4> ul> li>Type: String/li> li>Valid values: b>.classSelector/b> or b>#idSelector/b> li>Default value: null/li> li>Use this to specify a div for the player to render in. If this is not provided the player will get appended to the page body./li> /ul> h4>channel_id/h4> ul> li>Type: String/li> li>Valid values: b>MongoObjectID/b> li>Default value: null/li> li>If the player was rendered from a channel page, the Spotlight Channel ID should be provided during mounting to capture additional analytics./li> li>Always send the parent channel ID, even if looking at a season of a series./li> /ul> h4>channel_title/h4> ul> li>Type: String/li> li>Valid values: b>Title of My Channel/b> li>Default value: null/li> li>If the player was rendered from a channel page, the Channel Title should be provided during mounting to capture additional analytics./li> /ul> h4>dspro_channel_id/h4> ul> li>Type: String/li> li>Valid values: b>MongoObjectID/b> li>Default value: null/li> li>If the player was rendered from a channel page, the dotstudioPRO Channel ID can be provided during mounting to capture additional analytics./li> li>Always send the parent channel ID, even if looking at a season of a series./li> /ul> h4>inline/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: false/li> li>Allows to play inline, and will not automatically enter fullscreen mode when playback begins./li> /ul> h4>skin/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: true/li> li>Defines whether the dotstudioPRO skin should be loaded./li> /ul> h4>theme/h4> ul> li>Type: Object/li> li>Sample object & default values:/li> div classhighlight highlight-source-js> pre>{ fontColor: #ffffff, // main icon color fontColorHover: #33B275, // icon color when hovered over progressSliderMain: #33B275, // progress slider color progressSliderBackground: #aaaaaa, // progress slider background color controlBar: #000000, // control bar gradient background color}/pre> /div> li>The theme object will only accept valid hexadecimal color codes./li> /ul> h4>fluid/h4> ul> li>Type: Boolean/li> li>Valid values: b>true/b> or b>false/b> li>Default value: true/li> li>Fluid mode players will force a 16x9 aspect ratio with a variable width. Non-fluid players will fill the width and height of the parent container./li> /ul> h4>springserve/h4> ul> li>Type: Object/li> li>Default value: null/li> li>Options for Springserve ad servers/li> li>Sample object:/li> div classhighlight highlight-source-js> pre>{ user_cookieid: // Passes a `user_cookieid` macro value to video playback urls (m3u8s) and calls to our VMAP route.} /pre> /div> /ul> h2>Full Example Embed/h2> div classhighlight highlight-source-js>pre> <script typetext/javascript srchttps://www.dplayer.pro/dotplayer.js></script> <div idmy-player-div stylewidth:640px; height: 360px;><div/> <script typetext/javascript> DotPlayer.mount({ video_id: 54d11dda97f81567407b23c6, company_id: 54d11dda97f81567407b23c6, autostart: true, muted: true, controls: true, target: #my-player-div, channel_id: 5aab9759ecad8d626fa96393, channel_title: My Cool Channel, dspro_channel_id: 5710181383058e4930798606, fluid: false, skin: true, theme: { fontColor: #ffffff, fontColorHover: #33B275, progressSliderMain: #33B275, progressSliderBackground: #dddddd, controlBar: #000000 }, springserve: { user_cookieid: abcd-efgh-ijkl-mnop } }).then(async (player) > { await player.isPlayerLoaded(); });; </script>/pre> /div> /article> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]