var showPleaseWaitTimeOut = 1000; #lds-6730a9ee16555avideoLoader-wrapper { position: fixed; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1000; margin: 0 !important; } #lds-6730a9ee16555avideoLoader { 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-6730a9ee16555avideoLoader: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-6730a9ee16555avideoLoader: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-6730a9ee16555avideoLoader-wrapper .lds-6730a9ee16555avideoLoader-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-6730a9ee16555avideoLoader-wrapper .lds-6730a9ee16555avideoLoader-section.section-left { left: 0; } #lds-6730a9ee16555avideoLoader-wrapper .lds-6730a9ee16555avideoLoader-section.section-right { right: 0; } #lds-6730a9ee16555avideoLoader-wrapper .lds-6730a9ee16555avideoLoader-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-6730a9ee16555avideoLoader-wrapper .lds-6730a9ee16555avideoLoader-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-6730a9ee16555avideoLoader-wrapper .lds-6730a9ee16555avideoLoader-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-6730a9ee16555avideoLoader-wrapper .lds-6730a9ee16555avideoLoader-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-6730a9ee16555avideoLoader { opacity: 0; } .loaded #lds-6730a9ee16555avideoLoader-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%;
}
}
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;
}
}
}
});
}
Go Back
Live
Upcoming Events
#gallery6730a9ee1804f{
display: none;
}
$(function () {
/** showAlertMessage **/
/** showAlertMessage END **/ });
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);
});