var showPleaseWaitTimeOut = 1000; #lds-674d49bcb793cavideoLoader-wrapper { position: fixed; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1000; margin: 0 !important; } #lds-674d49bcb793cavideoLoader { 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-674d49bcb793cavideoLoader: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-674d49bcb793cavideoLoader: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-674d49bcb793cavideoLoader-wrapper .lds-674d49bcb793cavideoLoader-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-674d49bcb793cavideoLoader-wrapper .lds-674d49bcb793cavideoLoader-section.section-left { left: 0; } #lds-674d49bcb793cavideoLoader-wrapper .lds-674d49bcb793cavideoLoader-section.section-right { right: 0; } #lds-674d49bcb793cavideoLoader-wrapper .lds-674d49bcb793cavideoLoader-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-674d49bcb793cavideoLoader-wrapper .lds-674d49bcb793cavideoLoader-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-674d49bcb793cavideoLoader-wrapper .lds-674d49bcb793cavideoLoader-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-674d49bcb793cavideoLoader-wrapper .lds-674d49bcb793cavideoLoader-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-674d49bcb793cavideoLoader { opacity: 0; } .loaded #lds-674d49bcb793cavideoLoader-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://teletube.rta.mi.th/'; var player; // AVideo Analytics (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-96597943-1', 'auto', 'aVideo'); ga('aVideo.send', 'pageview'); var img1 = new Image();img1.src="https://teletube.rta.mi.th/view/img/video-placeholder-gray.png";.epgProgress.progress-bar-primary{opacity: 0.5;}.epgProgress:hover{opacity: 1.0;}.epgProgressText{border-right: 1px solid #FFF; height:100%;}var autoPlayAjax=true; /* if it is IE */ @media all and (-ms-high-contrast:none){ nav ul.items-container li:first-child { display: block; flex: 0 1 auto; /* Default */ } } #mysearch.in, #mysearch.collapsing { display: block!important; } #myNavbar.in, #myNavbar.collapsing { display: block!important; } #searchForm { width: 100%; margin-left: 5px; white-space: nowrap; } #searchForm .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } #searchForm input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } #rightProfileButton{ padding: 0; margin-left: 5px; margin-right: 40px; border: 0; background: none; background-color: transparent; } #rightLoginButton{ margin-left: 5px; margin-right: 40px; } #navbarRegularButtons{ max-width: 70%; /* remove the scroll because the dropsown menus does not work */ /*overflow-x: auto;*/ /*overflow-y: hidden;*/ } #navbarRegularButtons span.hidden-mdx{ max-width: 15vw; display: inline-block; } #navbarRegularButtons .btn{ overflow: hidden; } #navbarRegularButtons::-webkit-scrollbar { height: 4px; } @media (max-width : 992px) { #searchForm input{ width: 100px; } } @media (max-width : 767px) { #searchForm { padding-left: 10px; } #rightLoginButton, #rightProfileButton{ margin-right: 5px; margin-left: 0; } #searchForm > div{ width: 100%; } .mobilesecondnav { position: absolute; left: 40%; right: 5px; } #mysearch{ /* width: 100%; */ position: absolute; right: 0; left: 0; padding-left: 0px; padding-right: 0px; background-color: #FFF; } #myNavbar{ position: absolute; right: 0; top: 50px; background-color: #FFF; padding: 4px; width: 50%; } #mainNavBar .navbar-brand{ width: 100% !important; text-align: center; } #mainNavBar .navbar-brand>img { display: unset; } #myNavbar ul.right-menus{ display: block; } #myNavbar ul.right-menus li{ margin: 0; padding: 0; } #myNavbar ul.right-menus .btn, #myNavbar ul.right-menus .btn-group{ margin: 2px; width: 100%; } #myNavbar ul.right-menus .btn-group{ margin: 0; } nav ul.items-container li:first-child { display: list-item; } #navbarRegularButtons span.hidden-mdx { max-width: 100vw; } .globalsearchfield { width: 90% !important; } .searchli { width: 100%; margin-right: 0; margin-left: 0; } .searchdiv { } .navbar-toggle { margin-right: 5px !important; } .left-side { padding: 0 5px; } .searchul{ padding-left: 0px; } } li.navsub-toggle .badge { float: right; } li.navsub-toggle a + ul { padding-left: 15px; } .navbar-lang-btn .select2-container{ margin: 8px 0; } .navbar-lang-btn .select2-selection{ border-color: #00000077 !important; } @media screen and (min-width: 992px) { body.youtube>div.container-fluid{ margin-left: 300px; } body.youtube div.container-fluid .col-sm-10.col-sm-offset-1.list-group-item{ margin-left: 0; margin-right: 0; width: 100%; } }

- 123 · All · Page 9

var seachFormIsRunning = 0; $(document).ready(function () { setTimeout(function () { $('.nav li.navsub-toggle a:not(.selected) + ul').hide(); var navsub_toggle_selected = $('.nav li.navsub-toggle a.selected'); navsub_toggle_selected.next().show(); navsub_toggle_selected = navsub_toggle_selected.parent(); var navsub_toggle_selected_stop = 24; while (navsub_toggle_selected.length) { if ($.inArray(navsub_toggle_selected.prop('localName'), ['li', 'ul']) == -1) break; if (navsub_toggle_selected.prop('localName') == 'ul') { navsub_toggle_selected.show().prev().addClass('selected'); } navsub_toggle_selected = navsub_toggle_selected.parent(); navsub_toggle_selected_stop--; if (navsub_toggle_selected_stop < 0) break; } }, 500); $('.nav').on('click', 'li.navsub-toggle a:not(.selected)', function (e) { var a = $(this), b = a.next(); if (b.length) { e.preventDefault(); a.addClass('selected'); b.slideDown(); var c = a.closest('.nav').find('li.navsub-toggle a.selected').not(a).removeClass('selected').next(); if (c.length) c.slideUp(); } }); $('#searchForm').submit(function (event) { if (seachFormIsRunning) { event.preventDefault(); return false; } seachFormIsRunning = 1; var str = $('#searchFormInput').val(); if (isMediaSiteURL(str)) { event.preventDefault(); console.log("searchForm is URL " + str); seachFormPlayURL(str); return false; } else { console.log("searchForm submit " + str); document.location = webSiteRootURL + "?search=" + str; } }); }); function seachFormPlayURL(url) { modal.showPleaseWait(); $.ajax({ url: webSiteRootURL + 'view/url2Embed.json.php', method: 'POST', data: { 'url': url }, success: function (response) { seachFormIsRunning = 0; if (response.error) { modal.hidePleaseWait(); avideoToast(response.msg); } else { if (typeof linksToEmbed === 'function') { document.location = response.playEmbedLink; } else if (typeof flixFullScreen == 'function') { flixFullScreen(response.playEmbedLink, response.playLink); modal.hidePleaseWait(); } else { document.location = response.playLink; } } } }); }
$(function () { /** showAlertMessage **/ /** showAlertMessage END **/ });
var liveLinkAppsCalled = {}; function liveLinkApps($liveLi, className, live_starts) { if(new Date(live_starts).getTime()"+live_starts+""); $liveLi.find('.liveNow').attr("class", 'label label-primary liveFuture'); //console.log('liveLinkApps', '.'+className+' '+live_starts); startTimerToDate(live_starts, '.Timer_'+className, false); return $liveLi; } 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://teletube.rta.mi.th/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://teletube.rta.mi.th/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(); }); function onlineLabelOnline(selector) { //console.log("Change video to Online ",selector); $(selector).removeClass('label-warning'); $(selector).removeClass('label-danger'); $(selector).addClass('label-success'); $(selector).text("ONLINE"); if($('#indexCol1 div.panel-heading .label-success').length){ isOnlineLabel = true; } } function onlineLabelPleaseWait(selector) { //console.log("Change video to please wait"); if(!$('#indexCol1 div.panel-heading .label-success').length){ isOnlineLabel = false; } $(selector).removeClass('label-success'); $(selector).removeClass('label-danger'); $(selector).addClass('label-warning'); $(selector).text("Please Wait ..."); if(!$('#indexCol1 div.panel-heading .label-success').length){ isOnlineLabel = false; } } function onlineLabelOffline(selector) { //console.log("Change video to offline"); $(selector).removeClass('label-warning'); $(selector).removeClass('label-success'); $(selector).addClass('label-danger'); $(selector).text("OFFLINE"); if(!$('#indexCol1 div.panel-heading .label-success').length){ isOnlineLabel = false; } } function onlineLabelFinishing(selector) { //console.log("Change video to finishing"); $(selector).removeClass('label-warning'); $(selector).removeClass('label-success'); $(selector).addClass('label-danger'); $(selector).text("Finishing Live..."); if(!$('#indexCol1 div.panel-heading .label-success').length){ isOnlineLabel = false; } } /*selected=th*/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 () {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"); } }); });
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; } function showTrailer(iframe) { avideoModalIframe(iframe); } $('#TrailerModal').on('hidden.bs.modal', function () { $('#TrailerModal iframe').attr('src', ''); }); $('#bigVideoCarousel').bind('slide.bs.carousel', function (e) { setTimeout(function(){ lazyImage(); },500); });