Genoa Player v3
Genoa Player v3 library
Genoa-player V3
GENOA PLAYER V3
Whats new?
Genoa player v3 use a library which you call onetime when you loading your player/s page and will render on the genoa-player tags. Use your player in your native page without iframe and call the library once for multiple players.
Library link: https://player.vodgc.net/dist/V3/genoa-player.min.js
Library link for tests: https://testplayer.vodgc.net/dist/V3/genoa-player.min.js
* Genoa pass_data is deprecated now is genoa_pass_data and it is be located in your page see in example.
How its works?
The library fetch all the html5 tags called genoa-player and render the player inside them.
You can access to the player in your page because there is no iframe anymore!
Which are the features for this new players?
- Google analytics
- IMA (advertising)
- Comscore
- Youtube tech
- Audio (MP3 supported)
- Custom Poster
- Custom Playlist
- Debug
- Autoplay
- Player as component
- genoa_pass_data with ads specifications
Example
<genoa-player
data-content-id="713685"
data-player-id="KS70YK1554147504"
data-autoplay="false"
data-width="700px"
data-height="350px"
data-color="#A80C54"
data-pvast="https://pubads.g.doubleclick.net/gampad/ads?.."
data-rvast="https://pubads.g.doubleclick.net/gampad/ads?.."
data-custom-poster="https://image.jpg"
data-playlist-overlay="9556,9556,9553,9558,9548"
data-related="true"
data-mute="false"
data-share="http://tn.com/nota.."
data-debug="false"
data-comscore='{"ns_st_ge": espectaculos" ,"ns_st_pu": "Grupo Clarin"}'>
</genoa-player>
<script src="https://player.vodgc.net/dist/V3/genoa-player.min.js"></script>
<script lang="JavaScript">
document.addEventListener('genoa_pass_data', function (videoJsCustomEvent) {
console.log(videoJsCustomEvent.detail);
},false);
</script>
Genoa Pass Data
This will handle some events of the player. You need to add this code in your website:
Events:
adStarted, adLog, adComplete, adSkipped, adContentResume, adResumed, Pause, Resume, FirstQuartile, Midpoint, StreamingProgress, Complete, Ended
<script lang="JavaScript">
document.addEventListener('genoa_pass_data', function (videoJsCustomEvent) {
console.log(videoJsCustomEvent.detail);
},false);
</script>
Example:
{
action: "adStarted"
adType: "preroll"
agent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36"
content_id: "713685"
duration: 149960
group: 7
name: "video Demo.mp4"
player: "KS70YK1554147504"
publisher: 18
referrer: "https://player.vodgc.net/index.html"
share_url: "shared url"
}
{
action: "adContentResume"
adType: "preroll"
agent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36"
content_id: "713685"
duration: 149960
group: 7
name: "video Demo.mp4"
player: "KS70YK1554147504"
publisher: 18
referrer: "https://player.vodgc.net/index.html"
share_url: "shared url"
}