var showPleaseWaitTimeOut = 1000; #lds-680fb9359ce7eavideoLoader-wrapper { position: fixed; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1000; margin: 0 !important; } #lds-680fb9359ce7eavideoLoader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -175px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 1001; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #lds-680fb9359ce7eavideoLoader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #lds-680fb9359ce7eavideoLoader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } #lds-680fb9359ce7eavideoLoader-wrapper .lds-680fb9359ce7eavideoLoader-section { position: fixed; top: 0; width: 50%; height: 100%; background: #00000077; z-index: 1000; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ } #lds-680fb9359ce7eavideoLoader-wrapper .lds-680fb9359ce7eavideoLoader-section.section-left { left: 0; } #lds-680fb9359ce7eavideoLoader-wrapper .lds-680fb9359ce7eavideoLoader-section.section-right { right: 0; } #lds-680fb9359ce7eavideoLoader-wrapper .lds-680fb9359ce7eavideoLoader-section.section-left { -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } #lds-680fb9359ce7eavideoLoader-wrapper .lds-680fb9359ce7eavideoLoader-section.section-right { -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } /* Loaded */ .loaded #lds-680fb9359ce7eavideoLoader-wrapper .lds-680fb9359ce7eavideoLoader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #lds-680fb9359ce7eavideoLoader-wrapper .lds-680fb9359ce7eavideoLoader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #lds-680fb9359ce7eavideoLoader { opacity: 0; } .loaded #lds-680fb9359ce7eavideoLoader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } var avideoLoader = '
'; var webSiteRootURL = 'https://dreamax.tv/'; var my_users_id = 0; var my_identification = "Unknown User"; var player; var _serverTime = "1745860917"; var _serverDBTime = "1745878917"; var _serverTimeString = "2025-04-28 12:21:57"; var _serverDBTimeString = "2025-04-28 17:21:57"; var _serverTimezone = "America/Panama"; var avideoModalIframeFullScreenCloseButton = " $(document).ready(function () { YPTHidenavbar(); });
  • mediaId = '60';var player;1
    function showSharing() { $('#SharingModal').modal("show"); return false; } $(document).ready(function () { var menu = new BootstrapMenu('#mainVideo', { actions: [{name: 'Loop', onClick: function () { toogleImageLoop($(this)); }, iconClass: 'fas fa-sync loopButton' },{name: 'Copy video URL', onClick: function () { copyToClipboard($('#linkFriendly').val()); }, iconClass: 'fas fa-link' },{name: 'Copy video URL at current time', onClick: function () { copyToClipboard($('#linkCurrentTime').val()); }, iconClass: 'fas fa-link' },{name: 'Copy embed code', onClick: function () { $('#textAreaEmbed').focus(); copyToClipboard($('#textAreaEmbed').val()); }, iconClass: 'fas fa-code' },{name: 'Share', onClick: function () { showSharing(); }, iconClass: 'fas fa-share' }] }); if (typeof setImageLoop === 'function') { setImageLoop(); } $('#SharingModal').modal({show: false}); });
    SIGGRAPH 2017 - Computer Animation Festival...

    SIGGRAPH 2017 - Computer Animation Festival...  

    4 years
    Want to watch this again later?
    Sign in to add this video to a playlist. Login
    $(document).ready(function () { loadPL60680fb935b4979(); }); var _loadPL60680fb935b4979_timeout; function loadPL60680fb935b4979(){ clearTimeout(_loadPL60680fb935b4979_timeout); ; if(typeof $('#addBtn60680fb935b4979').webuiPopover !== 'function' || typeof loadPlayLists !== 'function'){ _loadPL60680fb935b4979_timeout = setTimeout(function(){loadPL60680fb935b4979()}, 1000); }else{ loadPlayLists('60', '680fb935b4979'); $('#addBtn60680fb935b4979').webuiPopover(); $('#addPlayList60680fb935b4979').click(function () { modal.showPleaseWait(); $.ajax({ url: 'https://dreamax.tv/objects/playlistAddNew.json.php', method: 'POST', data: { 'videos_id': 60, 'status': $('#publicPlayList60680fb935b4979').is(":checked") ? "public" : "private", 'name': $('#playListName60680fb935b4979').val() }, success: function (response) { if (response.status>0) { playList = []; reloadPlayLists(); loadPlayLists('60', '680fb935b4979'); $('#playListName60680fb935b4979').val(""); $('#publicPlayList60680fb935b4979').prop('checked', true); } modal.hidePleaseWait(); } }); return false; }); } }
    Category:
    $(document).ready(function () { $("#shareDiv").slideUp(); $("#shareBtn").click(function () { $(".menusDiv").not("#shareDiv").slideUp(); $("#shareDiv").slideToggle(); return false; }); });
    .playlistList .videoLink { display: inline-flex; } $(document).ready(function () { setAutoplay(true); });
    var fading = false; var autoPlaySources = [{"type":"video\/mp4","src":"https:\/\/dreamax.tv\/videos\/video_210426022949_d8ad\/video_210426022949_d8ad_1080.mp4","label":"1080p FHD","res":"1080"},{"type":"video\/mp4","src":"https:\/\/dreamax.tv\/videos\/video_210426022949_d8ad\/video_210426022949_d8ad_720.mp4","label":"720p HD","res":"720"},{"type":"video\/mp4","src":"https:\/\/dreamax.tv\/videos\/video_210426022949_d8ad\/video_210426022949_d8ad_480.mp4","label":"480p ","res":"480"}]; var autoPlayURL = 'https://dreamax.tv/playlist/46/4'; var autoPlayPoster = 'https://dreamax.tv/videos/video_210426022949_d8ad.jpg'; var autoPlayThumbsSprit = 'https://dreamax.tv/videos/video_210426022949_d8ad_thumbsSprit.jpg'; $(document).ready(function () { });
    $(function () { /** showAlertMessage **/ /** showAlertMessage END **/ });
    $(document).ready(function () { }); window.SILVERMINE_VIDEOJS_CHROMECAST_CONFIG = { preloadWebComponents: true, }; /* getStartPlayerJS $prepareStartPlayerJS_onPlayerReady = "7", $prepareStartPlayerJS_getDataSetup = "1" */ var webSocketSelfURI = 'https://dreamax.tv/view/?playlist_id=46&playlist_index=3'; var webSocketVideos_id = '60'; var webSocketLiveKey = 'false'; var webSocketServerVersion = '3.3'; var webSocketToken = ''; var webSocketURL = ''; var webSocketTypes = {"OPEN_CONNECTION":"OPEN_CONNECTION","NEW_CONNECTION":"NEW_CONNECTION","NEW_DISCONNECTION":"NEW_DISCONNECTION","DEFAULT_MESSAGE":"DEFAULT_MESSAGE","ON_VIDEO_MSG":"ON_VIDEO_MSG","ON_LIVE_MSG":"ON_LIVE_MSG","TESTING":"TESTING"}; function onUserSocketConnect(response) { try { callerNewConnection(response);socketNewConnection(response); } catch (e) { console.log('onUserSocketConnect:error', e.message); } } function onUserSocketDisconnect(response) { try { callerDisconnection(response);socketDisconnection(response); } catch (e) { console.log('onUserSocketConnect:error', e.message); } } var playListsAdding = false; var playList = []; function reloadPlayLists() { //console.log('reloadPlayLists'); $.ajax({ url: webSiteRootURL + 'objects/playlists.json.php', success: function (response) { playList = response; reloadPlayListButtons(); } }); } function reloadPlayListButtons() { //console.log('reloadPlayListButtons'); $('.watchLaterBtnAdded').hide(); $('.favoriteBtnAdded').hide(); $('.watchLaterBtn').show(); $('.favoriteBtn').show(); for (var i in playList) { if (!playList[i].id || (playList[i].status !== 'watch_later' && playList[i].status !== 'favorite')) { continue; } for (var x in playList[i].videos) { if (typeof (playList[i].videos[x]) === 'object') { if (playList[i].status === 'watch_later') { $('.watchLaterBtn' + playList[i].videos[x].videos_id).hide(); $('.watchLaterBtnAdded' + playList[i].videos[x].videos_id).show(); } else if (playList[i].status === 'favorite') { $('.favoriteBtn' + playList[i].videos[x].videos_id).hide(); $('.favoriteBtnAdded' + playList[i].videos[x].videos_id).show(); } } } } } loadPlayListsResponseObject = {timestamp: 0, response: false}; function loadPlayLists(videos_id, crc) { //console.log('loadPlayLists'); if (loadPlayListsResponseObject.timestamp + 5000 < Date.now()) { loadPlayListsResponseObject.timestamp = Date.now(); loadPlayListsResponseObject.response = []; setTimeout(function () { $.ajax({ url: 'https://dreamax.tv/objects/playlists.json.php', cache: true, success: function (response) { loadPlayListsResponseObject.response = response; loadPlayListsResponse(loadPlayListsResponseObject.response, videos_id, crc); } }); ; }, 500); } else { if (loadPlayListsResponseObject.response) { loadPlayListsResponse(loadPlayListsResponseObject.response, videos_id, crc); } else { setTimeout(function () { loadPlayLists(videos_id, crc); }, 1500); } } } function loadPlayListsResponse(response, videos_id, crc) { //console.log('loadPlayListsResponse'); //console.log(response, videos_id, crc); $('.searchlist' + videos_id + crc).html(''); for (var i in response) { if (!response[i].id) { continue; } var icon = "fa fa-lock" if (response[i].status == "public") { icon = "fa fa-globe" } else if (response[i].status == "watch_later") { icon = "fas fa-clock" } else if (response[i].status == "favorite") { icon = "fas fa-heart" } var checked = ""; for (var x in response[i].videos) { if (typeof (response[i].videos[x]) === 'object' && response[i].videos[x].videos_id == videos_id) { checked = "checked"; } } var randId = (("_" + response[i].id) + videos_id) + Math.random(); $(".searchlist" + videos_id + crc).append(' ' + response[i].name_translated + '
    '); } $('.searchlist' + videos_id + crc).btsListFilter('#searchinput' + videos_id + crc, {itemChild: 'span'}); $('.playListsVideosIds' + videos_id).change(function () { if (playListsAdding) { return false; } playListsAdding = true; addVideoToPlayList(videos_id, $(this).is(":checked"), $(this).val()); return false; }); } function addVideoToPlayList(videos_id, isChecked, playlists_id) { //console.log('addVideoToPlayList'); modal.showPleaseWait(); $.ajax({ url: 'https://dreamax.tv/objects/playListAddVideo.json.php', method: 'POST', data: { 'videos_id': videos_id, 'add': isChecked, 'playlists_id': playlists_id }, success: function (response) { reloadPlayLists(); //console.log(".playListsIds_" + playlists_id + '_videos_id_' + videos_id); $(".playListsIds_" + playlists_id + '_videos_id_' + videos_id).prop("checked", isChecked); modal.hidePleaseWait(); setTimeout(function () { playListsAdding = false }, 500); } }); } $(document).ready(function () { reloadPlayLists(); }); if ('mediaSession' in navigator) { navigator.mediaSession.metadata = new MediaMetadata({"title":"SIGGRAPH 2017 - Computer Animation Festival...","artist":"Nevo","album":"ANIMACION","artwork":[{"src":"https:\/\/dreamax.tv\/videos\/video_210426021511_264d\/video_210426021511_264d_96.jpg?cache=1656031835_1656031835","sizes":"96x96","type":"image\/jpg"},{"src":"https:\/\/dreamax.tv\/videos\/video_210426021511_264d\/video_210426021511_264d_128.jpg?cache=1656031835_1656031835","sizes":"128x128","type":"image\/jpg"},{"src":"https:\/\/dreamax.tv\/videos\/video_210426021511_264d\/video_210426021511_264d_192.jpg?cache=1656031835_1656031835","sizes":"192x192","type":"image\/jpg"},{"src":"https:\/\/dreamax.tv\/videos\/video_210426021511_264d\/video_210426021511_264d_256.jpg?cache=1656031835_1656031835","sizes":"256x256","type":"image\/jpg"},{"src":"https:\/\/dreamax.tv\/videos\/video_210426021511_264d\/video_210426021511_264d_384.jpg?cache=1656031835_1656031835","sizes":"384x384","type":"image\/jpg"},{"src":"https:\/\/dreamax.tv\/videos\/video_210426021511_264d\/video_210426021511_264d_512.jpg?cache=1656031835_1656031835","sizes":"512x512","type":"image\/jpg"}]}); setActionHandlerIfSupported('play', function () { /* Code excerpted. */ player.play(); }); setActionHandlerIfSupported('pause', function () { /* Code excerpted. */ player.pause(); }); setActionHandlerIfSupported('stop', function () { /* Code excerpted. */ player.pause(); }); setActionHandlerIfSupported('seekbackward', function () { /* Code excerpted. */ player.currentTime(player.currentTime() - 5); }); setActionHandlerIfSupported('seekforward', function () { /* Code excerpted. */ player.currentTime(player.currentTime() + 5); }); setActionHandlerIfSupported('seekto', function () { /* Code excerpted. */ console.log('mediaSession seekto'); }); setActionHandlerIfSupported('previoustrack', function () { /* Code excerpted. */ try { player.playlist.previous(); } catch (e) { } }); setActionHandlerIfSupported('nexttrack', function () { /* Code excerpted. */ try { player.playlist.next(); } catch (e) { if (playNextURL) { playNext(playNextURL); } } }); setActionHandlerIfSupported('skipad', function () { /* Code excerpted. */ console.log('mediaSession skipad'); }); setPlaylistUpdate(); } function setPlaylistUpdate() { if (typeof player == 'undefined' || typeof player.playlist == 'undefined') { setTimeout(function () { setPlaylistUpdate(); }, 1000); return false; } console.log('setPlaylistUpdate'); player.on('playlistitem', function () { updateMediaSessionMetadata(); }); } function updateMediaSessionMetadata() { videos_id = 0; key = 0; live_servers_id = 0; live_schedule_id = 0; if (player.playlist) { index = player.playlist.currentIndex(); videos_id = playerPlaylist[index].videos_id; } else if (mediaId) { videos_id = mediaId; } else if (isLive) { key = isLive.key; live_servers_id = isLive.live_servers_id; live_schedule_id = isLive.live_schedule_id; } if (videos_id) { console.log('updateMediaSessionMetadata', videos_id); $.ajax({ url: webSiteRootURL + 'plugin/PlayerSkins/mediaSession.json.php', method: 'POST', data: { 'videos_id': videos_id, 'key': key, 'live_servers_id': live_servers_id, 'live_schedule_id': live_schedule_id, }, success: function (response) { navigator.mediaSession.metadata = new MediaMetadata(response); } }); } } function setActionHandlerIfSupported(action, func) { try { navigator.mediaSession.setActionHandler(action, func); } catch (e) { if (e.name != "TypeError") throw e; } } var playerSeekForward = 30; var playerSeekBack = 10;var forwardLayer = "
    \r\n <\/i>\r\n<\/div>\r\n";var backLayer = "
    \r\n <\/i>\r\n<\/div>\r\n";/* getStartPlayerJS $prepareStartPlayerJS_onPlayerReady = "4", $prepareStartPlayerJS_getDataSetup = "0" */ /* getStartPlayerJS $prepareStartPlayerJS_onPlayerReady = "5", $prepareStartPlayerJS_getDataSetup = "0" */ var videoJsResolutionSwitcherDefault = "720"; $(function () {setTimeout(function(){if(typeof $("#mainNavBar").autoHidingNavbar == "function"){$("#mainNavBar").autoHidingNavbar();}},5000);});$(function () { $("#mainNavBar").on("show.autoHidingNavbar", function () { if ($(window).scrollTop() < 10) { $("body").removeClass("nopadding"); } }); $("#mainNavBar").on("hide.autoHidingNavbar", function () { if ($(window).scrollTop() < 10) { $("body").addClass("nopadding"); } }); }); if(typeof player == 'undefined'){player = videojs('mainVideo',{errorDisplay: false,'playbackRates':[0.5, 1, 1.5, 2]});}player = videojs('mainVideo').landscapeFullscreen({fullscreen: {enterOnRotate: true, alwaysInLandscapeMode: true, iOS: true}}); var autoPlayVideoURL="https://dreamax.tv/playlist/46/4"; var videoJsId = "mainVideo"; var playVideoOnFullscreen = false /*selected=es*/function getLangSelectformatStateResult (state) { if (!state.id) { return state.text; } if(state.text!==' -- '){ json = JSON.parse(state.text); var $state = $( ''+ ' - ' + json.text + '' ); return $state; } return state.text; };function getLangFlagsOnlySelectformatStateResult (state) { if (!state.id) { return state.text; } if(state.text!==' -- '){ json = JSON.parse(state.text); var $state = $( '' ); return $state; } return state.text; }; $(document).ready(function() {$('#navBarFlag').select2({templateSelection: getLangFlagsOnlySelectformatStateResult, templateResult: getLangFlagsOnlySelectformatStateResult,width: '100%'});}); function showSharing680fb935c3bf9() { if ($('#mainVideo').length) { $('#SharingModal680fb935c3bf9').appendTo("#mainVideo"); } else { $('#SharingModal680fb935c3bf9').appendTo("body"); } $('#SharingModal680fb935c3bf9').modal("show"); $('.modal-backdrop').hide(); return false; } $(document).ready(function () { $('#SharingModal680fb935c3bf9').modal({show: false}); }); function tooglePlayersocial(){showSharing680fb935c3bf9();}var originalVideo; var adTagOptions; var _adTagUrl = 'https://dreamax.tv/plugin/AD_Server/VMAP.php?video_length=122&vmap_id=gbtv098kb0l9ng8ev04q9avbf1&random=680fb935b9f23&vmaps=W3sidGltZU9mZnNldCI6InN0YXJ0IiwidGltZU9mZnNldFNlY29uZHMiOjAsIlZBU1QiOnsiaWQiOjEsImNhbXBhaW5nIjpmYWxzZX0sImlkVGFnIjoicHJlcm9sbC1hZC0xIn0seyJ0aW1lT2Zmc2V0IjoiMDA6MDE6MDEuMDAwIiwidGltZU9mZnNldFNlY29uZHMiOjYxLCJWQVNUIjp7ImlkIjozLCJjYW1wYWluZyI6ZmFsc2V9LCJpZFRhZyI6Im1pZHJvbGwtMyJ9XQ%3D%3D'; var player; $(document).ready(function () { originalVideo = $('#mainVideo').clone(); /* prepareStartPlayerJS_onPlayerReady = 9, prepareStartPlayerJS_getDataSetup = 1 */ if (typeof player === 'undefined' && $('#mainVideo').length) { player = videojs('mainVideo',{errorDisplay: false,'playbackRates':[0.5, 1, 1.5, 2],controls: true,techOrder: ['chromecast', 'html5'], plugins: {chromecast: {}}}); adTagOptions = {id: 'mainVideo', adTagUrl: 'https://dreamax.tv/plugin/AD_Server/VMAP.php?video_length=122&vmap_id=gbtv098kb0l9ng8ev04q9avbf1&random=680fb935b9f23&vmaps=W3sidGltZU9mZnNldCI6InN0YXJ0IiwidGltZU9mZnNldFNlY29uZHMiOjAsIlZBU1QiOnsiaWQiOjEsImNhbXBhaW5nIjpmYWxzZX0sImlkVGFnIjoicHJlcm9sbC1hZC0xIn0seyJ0aW1lT2Zmc2V0IjoiMDA6MDE6MDEuMDAwIiwidGltZU9mZnNldFNlY29uZHMiOjYxLCJWQVNUIjp7ImlkIjozLCJjYW1wYWluZyI6ZmFsc2V9LCJpZFRhZyI6Im1pZHJvbGwtMyJ9XQ%3D%3D', debug: true, /*useStyledLinearAds: false,*//*useStyledNonLinearAds: true,*/forceNonLinearFullSlot: true, /*adLabel: 'Advertisement',*/ /*autoPlayAdBreaks:false,*/}; player.ima(adTagOptions);setInterval(function(){ fixAdSize(); }, 300); // first time it's clicked. var startEvent = 'click';// Remove controls from the player on iPad to stop native controls from stealing // our click var contentPlayer = document.getElementById('content_video_html5_api'); if (contentPlayer && (navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/Android/i)) && contentPlayer.hasAttribute('controls')) { contentPlayer.removeAttribute('controls'); } // Initialize the ad container when the video player is clicked, but only the if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/Android/i)) { startEvent = 'touchend'; } player.on('adsready', function () { console.log('adsready'); player.ima.setAdBreakReadyListener(function(e) { if(!_adWasPlayed){ console.log('ADs !_adWasPlayed player.ima.playAdBreak();',e); //player.ima.requestAds(); player.on('play', function () { if(!_adWasPlayed){ player.ima.playAdBreak(); _adWasPlayed = 1; } }); }else{ console.log('ADs _adWasPlayed player.ima.playAdBreak();',e); player.ima.playAdBreak(); } }); });player.on('ads-ad-started', function () { console.log('ads-ad-started'); });player.on('ads-manager', function (a) { console.log('ads-manager', a); });player.on('ads-loader', function (a) { console.log('ads-loader', a); });player.on('ads-request', function (a) { console.log('ads-request', a); });player.one(startEvent, function () {player.ima.initializeAdDisplayContainer();});} player.ready(function () { player.persistvolume({ namespace: 'AVideo' });var err = this.error(); if (err && err.code) { $('.vjs-error-display').hide(); $('#mainVideo').find('.vjs-poster').css({'background-image': 'url(https://dreamax.tv/plugin/Live/view/Offline.jpg)'}); } tracks = player.textTracks(); for (let i = 0; i < tracks.length; i++) { let track = tracks[i]; track.mode = 'disabled'; if (track.kind === 'captions' && track.language === 'en') { track.mode = 'showing'; } } player.on('play', function () { addView(60, this.currentTime()); _addViewBeaconAdded = false; }); player.on('timeupdate', function () { var time = Math.round(this.currentTime()); playerCurrentTime = time; var url = 'https://dreamax.tv/video/60/siggraph-2017---computer-animation-festival?channelName=Nevo'; if (url.indexOf('?') > -1) { url += '&t=' + time; } else { url += '?t=' + time; } $('#linkCurrentTime, .linkCurrentTime').val(url); if (time >= 5 && time % 1 === 0) { addView(60, time); }else{ addViewFromCookie(); addViewSetCookie(PHPSESSID, 60, time, seconds_watching_video); } }); player.on('ended', function () { var time = Math.round(this.currentTime()); addView(60, time); });playNextURL = 'https://dreamax.tv/playlist/46/4';player.on('ended', function () {setTimeout(function(){if(playNextURL){playNext(playNextURL);}},playerHasAds()?10000:500);}); player.markers({ markerStyle: { 'width': '5px', 'background-color': 'yellow' }, markerTip: { display: true, text: function (marker) { return marker.text; } }, markers: [{time: 0, text: ""},{time: 61, text: ""},]}); player.seekButtons({forward: playerSeekForward, back: playerSeekBack}); var trackDisplayTimeout; var showingSeekButton = true; function startTrackDisplay() { if ($(".vjs-text-track-display").length === 0) { setTimeout(function () { startTrackDisplay(); }, 500); } console.log("startTrackDisplay started"); $(".vjs-text-track-display").css('pointerEvents', "auto"); $(".vjs-text-track-display").dblclick(function (e) { e.preventDefault(); console.log("dbl click happen " + trackDisplayTimeout); clearTimeout(trackDisplayTimeout); const playerWidth = $("#mainVideo").width(); if (0.66 * playerWidth < e.offsetX) { $(forwardLayer).prependTo("#mainVideo"); setTimeout(function () { $("#forwardLayer i").addClass('active'); $('#forwardLayer').fadeOut('slow', function () { $('#forwardLayer').remove(); }); }, 100); player.currentTime(player.currentTime() + playerSeekForward); } else if (e.offsetX < 0.33 * playerWidth) { $(backLayer).prependTo("#mainVideo"); setTimeout(function () { $("#backLayer i").addClass('active'); $('#backLayer').fadeOut('slow', function () { $('#backLayer').remove(); }); }, 100); player.currentTime((player.currentTime() - playerSeekBack) < 0 ? 0 : (player.currentTime() - playerSeekBack)); } else { if (player.paused()) { player.play(); } else { player.pause(); } } }); $(".vjs-text-track-display").click(function (e) { e.preventDefault(); console.log("single click happen"); clearTimeout(trackDisplayTimeout); trackDisplayTimeout = setTimeout(function () { console.log("single click timeout"); if (player.paused()) { player.play(); } else { player.pause(); } }, 300); console.log("single click register " + trackDisplayTimeout); }); $( "
    " ).insertBefore( ".vjs-text-track-display" ); } startTrackDisplay(); sprifFilesize='224937';player.thumbnails({0: { src: 'https://dreamax.tv/videos/video_210426021511_264d/video_210426021511_264d_thumbsSprit.jpg?1619403846', style: { top: '0', left: '0', width: '1500px', height: '840px', clip: 'rect(0, 150px, 84px, 0)' } },1: { style: { top: '-0px', left: '-150px', clip: 'rect(0, 300px, 84px, 150px)' } },2: { style: { top: '-0px', left: '-300px', clip: 'rect(0, 450px, 84px, 300px)' } },3: { style: { top: '-0px', left: '-450px', clip: 'rect(0, 600px, 84px, 450px)' } },4: { style: { top: '-0px', left: '-600px', clip: 'rect(0, 750px, 84px, 600px)' } },6: { style: { top: '-0px', left: '-750px', clip: 'rect(0, 900px, 84px, 750px)' } },7: { style: { top: '-0px', left: '-900px', clip: 'rect(0, 1050px, 84px, 900px)' } },8: { style: { top: '-0px', left: '-1050px', clip: 'rect(0, 1200px, 84px, 1050px)' } },9: { style: { top: '-0px', left: '-1200px', clip: 'rect(0, 1350px, 84px, 1200px)' } },10: { style: { top: '-0px', left: '-1350px', clip: 'rect(0, 1500px, 84px, 1350px)' } },12: { style: { top: '-84px', left: '-0px', clip: 'rect(84px, 150px, 168px, 0)' } },13: { style: { top: '-84px', left: '-150px', clip: 'rect(84px, 300px, 168px, 150px)' } },14: { style: { top: '-84px', left: '-300px', clip: 'rect(84px, 450px, 168px, 300px)' } },15: { style: { top: '-84px', left: '-450px', clip: 'rect(84px, 600px, 168px, 450px)' } },17: { style: { top: '-84px', left: '-600px', clip: 'rect(84px, 750px, 168px, 600px)' } },18: { style: { top: '-84px', left: '-750px', clip: 'rect(84px, 900px, 168px, 750px)' } },19: { style: { top: '-84px', left: '-900px', clip: 'rect(84px, 1050px, 168px, 900px)' } },20: { style: { top: '-84px', left: '-1050px', clip: 'rect(84px, 1200px, 168px, 1050px)' } },21: { style: { top: '-84px', left: '-1200px', clip: 'rect(84px, 1350px, 168px, 1200px)' } },23: { style: { top: '-84px', left: '-1350px', clip: 'rect(84px, 1500px, 168px, 1350px)' } },24: { style: { top: '-168px', left: '-0px', clip: 'rect(168px, 150px, 252px, 0)' } },25: { style: { top: '-168px', left: '-150px', clip: 'rect(168px, 300px, 252px, 150px)' } },26: { style: { top: '-168px', left: '-300px', clip: 'rect(168px, 450px, 252px, 300px)' } },28: { style: { top: '-168px', left: '-450px', clip: 'rect(168px, 600px, 252px, 450px)' } },29: { style: { top: '-168px', left: '-600px', clip: 'rect(168px, 750px, 252px, 600px)' } },30: { style: { top: '-168px', left: '-750px', clip: 'rect(168px, 900px, 252px, 750px)' } },31: { style: { top: '-168px', left: '-900px', clip: 'rect(168px, 1050px, 252px, 900px)' } },32: { style: { top: '-168px', left: '-1050px', clip: 'rect(168px, 1200px, 252px, 1050px)' } },34: { style: { top: '-168px', left: '-1200px', clip: 'rect(168px, 1350px, 252px, 1200px)' } },35: { style: { top: '-168px', left: '-1350px', clip: 'rect(168px, 1500px, 252px, 1350px)' } },36: { style: { top: '-252px', left: '-0px', clip: 'rect(252px, 150px, 336px, 0)' } },37: { style: { top: '-252px', left: '-150px', clip: 'rect(252px, 300px, 336px, 150px)' } },39: { style: { top: '-252px', left: '-300px', clip: 'rect(252px, 450px, 336px, 300px)' } },40: { style: { top: '-252px', left: '-450px', clip: 'rect(252px, 600px, 336px, 450px)' } },41: { style: { top: '-252px', left: '-600px', clip: 'rect(252px, 750px, 336px, 600px)' } },42: { style: { top: '-252px', left: '-750px', clip: 'rect(252px, 900px, 336px, 750px)' } },43: { style: { top: '-252px', left: '-900px', clip: 'rect(252px, 1050px, 336px, 900px)' } },45: { style: { top: '-252px', left: '-1050px', clip: 'rect(252px, 1200px, 336px, 1050px)' } },46: { style: { top: '-252px', left: '-1200px', clip: 'rect(252px, 1350px, 336px, 1200px)' } },47: { style: { top: '-252px', left: '-1350px', clip: 'rect(252px, 1500px, 336px, 1350px)' } },48: { style: { top: '-336px', left: '-0px', clip: 'rect(336px, 150px, 420px, 0)' } },50: { style: { top: '-336px', left: '-150px', clip: 'rect(336px, 300px, 420px, 150px)' } },51: { style: { top: '-336px', left: '-300px', clip: 'rect(336px, 450px, 420px, 300px)' } },52: { style: { top: '-336px', left: '-450px', clip: 'rect(336px, 600px, 420px, 450px)' } },53: { style: { top: '-336px', left: '-600px', clip: 'rect(336px, 750px, 420px, 600px)' } },54: { style: { top: '-336px', left: '-750px', clip: 'rect(336px, 900px, 420px, 750px)' } },56: { style: { top: '-336px', left: '-900px', clip: 'rect(336px, 1050px, 420px, 900px)' } },57: { style: { top: '-336px', left: '-1050px', clip: 'rect(336px, 1200px, 420px, 1050px)' } },58: { style: { top: '-336px', left: '-1200px', clip: 'rect(336px, 1350px, 420px, 1200px)' } },59: { style: { top: '-336px', left: '-1350px', clip: 'rect(336px, 1500px, 420px, 1350px)' } },61: { style: { top: '-420px', left: '-0px', clip: 'rect(420px, 150px, 504px, 0)' } },62: { style: { top: '-420px', left: '-150px', clip: 'rect(420px, 300px, 504px, 150px)' } },63: { style: { top: '-420px', left: '-300px', clip: 'rect(420px, 450px, 504px, 300px)' } },64: { style: { top: '-420px', left: '-450px', clip: 'rect(420px, 600px, 504px, 450px)' } },65: { style: { top: '-420px', left: '-600px', clip: 'rect(420px, 750px, 504px, 600px)' } },67: { style: { top: '-420px', left: '-750px', clip: 'rect(420px, 900px, 504px, 750px)' } },68: { style: { top: '-420px', left: '-900px', clip: 'rect(420px, 1050px, 504px, 900px)' } },69: { style: { top: '-420px', left: '-1050px', clip: 'rect(420px, 1200px, 504px, 1050px)' } },70: { style: { top: '-420px', left: '-1200px', clip: 'rect(420px, 1350px, 504px, 1200px)' } },71: { style: { top: '-420px', left: '-1350px', clip: 'rect(420px, 1500px, 504px, 1350px)' } },73: { style: { top: '-504px', left: '-0px', clip: 'rect(504px, 150px, 588px, 0)' } },74: { style: { top: '-504px', left: '-150px', clip: 'rect(504px, 300px, 588px, 150px)' } },75: { style: { top: '-504px', left: '-300px', clip: 'rect(504px, 450px, 588px, 300px)' } },76: { style: { top: '-504px', left: '-450px', clip: 'rect(504px, 600px, 588px, 450px)' } },78: { style: { top: '-504px', left: '-600px', clip: 'rect(504px, 750px, 588px, 600px)' } },79: { style: { top: '-504px', left: '-750px', clip: 'rect(504px, 900px, 588px, 750px)' } },80: { style: { top: '-504px', left: '-900px', clip: 'rect(504px, 1050px, 588px, 900px)' } },81: { style: { top: '-504px', left: '-1050px', clip: 'rect(504px, 1200px, 588px, 1050px)' } },82: { style: { top: '-504px', left: '-1200px', clip: 'rect(504px, 1350px, 588px, 1200px)' } },84: { style: { top: '-504px', left: '-1350px', clip: 'rect(504px, 1500px, 588px, 1350px)' } },85: { style: { top: '-588px', left: '-0px', clip: 'rect(588px, 150px, 672px, 0)' } },86: { style: { top: '-588px', left: '-150px', clip: 'rect(588px, 300px, 672px, 150px)' } },87: { style: { top: '-588px', left: '-300px', clip: 'rect(588px, 450px, 672px, 300px)' } },89: { style: { top: '-588px', left: '-450px', clip: 'rect(588px, 600px, 672px, 450px)' } },90: { style: { top: '-588px', left: '-600px', clip: 'rect(588px, 750px, 672px, 600px)' } },91: { style: { top: '-588px', left: '-750px', clip: 'rect(588px, 900px, 672px, 750px)' } },92: { style: { top: '-588px', left: '-900px', clip: 'rect(588px, 1050px, 672px, 900px)' } },93: { style: { top: '-588px', left: '-1050px', clip: 'rect(588px, 1200px, 672px, 1050px)' } },95: { style: { top: '-588px', left: '-1200px', clip: 'rect(588px, 1350px, 672px, 1200px)' } },96: { style: { top: '-588px', left: '-1350px', clip: 'rect(588px, 1500px, 672px, 1350px)' } },97: { style: { top: '-672px', left: '-0px', clip: 'rect(672px, 150px, 756px, 0)' } },98: { style: { top: '-672px', left: '-150px', clip: 'rect(672px, 300px, 756px, 150px)' } },100: { style: { top: '-672px', left: '-300px', clip: 'rect(672px, 450px, 756px, 300px)' } },101: { style: { top: '-672px', left: '-450px', clip: 'rect(672px, 600px, 756px, 450px)' } },102: { style: { top: '-672px', left: '-600px', clip: 'rect(672px, 750px, 756px, 600px)' } },103: { style: { top: '-672px', left: '-750px', clip: 'rect(672px, 900px, 756px, 750px)' } },104: { style: { top: '-672px', left: '-900px', clip: 'rect(672px, 1050px, 756px, 900px)' } },106: { style: { top: '-672px', left: '-1050px', clip: 'rect(672px, 1200px, 756px, 1050px)' } },107: { style: { top: '-672px', left: '-1200px', clip: 'rect(672px, 1350px, 756px, 1200px)' } },108: { style: { top: '-672px', left: '-1350px', clip: 'rect(672px, 1500px, 756px, 1350px)' } },109: { style: { top: '-756px', left: '-0px', clip: 'rect(756px, 150px, 840px, 0)' } },111: { style: { top: '-756px', left: '-150px', clip: 'rect(756px, 300px, 840px, 150px)' } },112: { style: { top: '-756px', left: '-300px', clip: 'rect(756px, 450px, 840px, 300px)' } },113: { style: { top: '-756px', left: '-450px', clip: 'rect(756px, 600px, 840px, 450px)' } },114: { style: { top: '-756px', left: '-600px', clip: 'rect(756px, 750px, 840px, 600px)' } },115: { style: { top: '-756px', left: '-750px', clip: 'rect(756px, 900px, 840px, 750px)' } },117: { style: { top: '-756px', left: '-900px', clip: 'rect(756px, 1050px, 840px, 900px)' } },118: { style: { top: '-756px', left: '-1050px', clip: 'rect(756px, 1200px, 840px, 1050px)' } },119: { style: { top: '-756px', left: '-1200px', clip: 'rect(756px, 1350px, 840px, 1200px)' } },120: { style: { top: '-756px', left: '-1350px', clip: 'rect(756px, 1500px, 840px, 1350px)' } }}); if(typeof player.hotkeys == 'function'){player.hotkeys({ seekStep: 5,enableVolumeScroll: true,alwaysCaptureHotkeys: true,enableFullscreen: true,fullscreenKey: function(event, player) { return (event.which ===70); },playPauseKey: function(event, player) { return (event.which ===32); },volumeUpKey: function(event, player) { return (event.which === 107); }, volumeDownKey: function(event, player) { return (event.which === 109);},enableModifiersForNumbers: false });} player.chromecast(); var Button = videojs.getComponent('Button'); var socialButton = videojs.extend(Button, { //constructor: function(player, options) { constructor: function () { Button.apply(this, arguments); this.addClass('social-button'); this.controlText("social"); setTimeout(function(){avideoTooltip(".social-button","Share");},1000); }, handleClick: function () { console.log('socialButton clicked'); tooglePlayersocial(); } }); videojs.registerComponent('socialButton', socialButton); player.getChild('controlBar').addChild('socialButton', {}, getPlayerButtonIndex('fullscreenToggle') - 1); var Button = videojs.getComponent('Button'); var autoplayButton = videojs.extend(Button, { //constructor: function(player, options) { constructor: function () { Button.apply(this, arguments); this.addClass('autoplay-button'); this.controlText("autoplay"); setTimeout(function(){avideoTooltip(".autoplay-button","Autoplay");},1000); }, handleClick: function () { console.log('autoplayButton clicked'); if($('.autoplay-button').hasClass('checked')){ disableAutoPlay(); }else{ enableAutoPlay(); } } }); videojs.registerComponent('autoplayButton', autoplayButton); player.getChild('controlBar').addChild('autoplayButton', {}, getPlayerButtonIndex('fullscreenToggle') - 1); checkAutoPlay(); playerPlayIfAutoPlay(0); });var Button = videojs.getComponent('Button'); var LoopButton = videojs.extend(Button, { //constructor: function(player, options) { constructor: function () { Button.apply(this, arguments); this.addClass('loop-button'); if (!isPlayerLoop()) { this.addClass('loop-disabled-button'); } else { this.addClass('fa-spin'); } this.controlText("Loop"); }, handleClick: function () { tooglePlayerLoop(); } }); videojs.registerComponent('LoopButton', LoopButton); player.getChild('controlBar').addChild('LoopButton', {}, 0);var sourcesForAdsInterval = setInterval(function(){ setSourcesForAds(); },200); function setSourcesForAds(){ if(typeof player ==='undefined'){ return false; } if(typeof player.currentSources !== 'function'){ if(typeof player.currentSources === 'object'){ console.log('currentSources changed to function'); var sourcesForAds = player.currentSources; player.currentSources = function(){return sourcesForAds;}; console.log('currentSources', player.currentSources); } }else{ clearTimeout(sourcesForAdsInterval); setTimeout(function(){ setSourcesForAds(); },1000); } }});
    var checkFooterTimout; $(function () { checkFooter(); $(window).scroll(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); $(window).resize(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); $(window).mouseup(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); }); function checkFooter() { $("#mainFooter").fadeIn(); if (getPageHeight() <= $(window).height()) { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 1000); $("#mainFooter").css("position", "fixed"); } else { $("#mainFooter").css("position", "relative"); } } function getPageHeight() { var mainNavBarH = 0; if ($('#mainNavBar').length) { mainNavBarH = $('#mainNavBar').height(); } var mainFooterH = 0; if ($('#mainFooter').length) { mainFooterH = $('#mainFooter').height(); } var containerH = getLargerContainerHeight(); return mainNavBarH + mainFooterH + containerH; } function getLargerContainerHeight() { var conteiners = $('body > .container,body > .container-fluid'); var height = 0; for (var item in conteiners) { if (isNaN(item)) { continue; } var h = $(conteiners[item]).height(); if (h > height) { height = h; } } return height; } var fading = false;