Embed your Vidata


Video Player Setup Via Script

Basic setup

Insert the following script within the webpage where you want to load the Vidata Player. Please note that you should modify the configuration object to meet your configuration requirements.

Example
                    
<script type="text/javascript>
    (function(){ 
        var config = { targetElId:'video-container',
            vidataIdSource: { useLastPathPart: true} }; 
        var t=document.createElement("script");
        t.type="text/javascript",
        t.async=false,
        t.src='https://player.vidata.io/scripts/vidata-player.js',
        t.onload=t.onreadystatechange=function(){
            var t=this.readyState;
            if(!t||"complete"==t||"loaded"==t)
                try{ VidataPlayer.Setup(config);}
                catch(t){}
        };
        var e=document.getElementsByTagName("script")[0];
        e.parentNode.insertBefore(t,e)
    })();
</script>
                    
                

A container with an id matching the one in the script must be present on the page for the video to be included in.

Example
                    
<div id="video-container"></div>
                    
                

Config Options

  • targetElId (string) : id of an existing html element of your web page within which you want to load the player (ex: "video-container", without the #).
  • vidataIdSource (object) : configuration object defining how the video id is read in the page url (only one of the following sub options can be used)
  • querystring (string) : name of the query string parameter which hold the video id
  • useLastPathPart (boolean) : when true, the player will parse the url and consider the last path segment as the video id.
  • autoplay (boolean) : define whether the video should autoplay on load or not.
  • playerWidth (number) : define a forced width for the player
  • playerHeight (number) : define a forced height for the player
  • uidt (string) : unique identifier to be used in the future for analytics

Notes

Options playerWidth and playerHeight must be used together. Setting only playerWidth will have no effect.

Full Sample

Including the following script in a page with url like https://vidata.io/Documentation/PlayervidataAuto?id=haquozcpa4j will include the player component within the html element with id "video-container", looking for the "id" query string param (which is "haquozcpa4j" in our example). The player also have custom size defined.

Example
                    
<div id="video-container"></div>

<script type="text/javascript> 
    (function(){
        var config = { targetElId: 'video-container',
            vidataIdSource: { querystring: 'id' },
                autoplay: true,
                playerWidth: 560,
                playerHeight: 315,
                uid: '1234567890' };
        var t=document.createElement("script");
        t.type="text/javascript",
        t.async=false,
        t.src='https://player.vidata.io/scripts/vidata-player.js',
        t.onload=t.onreadystatechange=function(){
            var t=this.readyState;
            if(!t||"complete"==t||"loaded"==t)
                try{ VidataPlayer.Setup(config);}
                catch(t){}
            };
        var e=document.getElementsByTagName("script")[0];
        e.parentNode.insertBefore(t,e)
    })();
</script>
                    
                

Vidata, une solution distinguée

Vidata prix vidéo personnalisée
Vidata prix vidéo personnalisée
Vidata prix vidéo personnalisée
Vidata prix vidéo personnalisée
Vidata prix vidéo personnalisée
Vidata prix vidéo personnalisée
Vidata prix vidéo personnalisée