OOBDOO

}
.playlistItem{
padding:12px;
clear:both;
height:60px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.playlistItem:hover{
cursor:pointer;
background-color:#282828;
}
.playlistItem img{
display:block;
width:100px;
height:56.25px;
border-radius:4px;
border:1px solid white;
margin:0px;
float:left;
}
.label{
color:white;
margin-left:10px;
}
</style>
<br />
<div id="imgFeatured" style="display: none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUplfpecKGlV2IriaaoGj_xKLnFVUARfcNu6mgivybdxQrI6Y0mmgcSU7LnCY6Sy3-Giv1EbW8SssUMeoz10rIeR706t8V3ITJW57IxAV1rwIHuSJ8Oz8dXxEoRo6FhDnozx-erqw-90p/s1600/Bong-Khmoch-Chea-Ti-Srolanh.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUplfpecKGlV2IriaaoGj_xKLnFVUARfcNu6mgivybdxQrI6Y0mmgcSU7LnCY6Sy3-Giv1EbW8SssUMeoz10rIeR706t8V3ITJW57IxAV1rwIHuSJ8Oz8dXxEoRo6FhDnozx-erqw-90p/s1600/Bong-Khmoch-Chea-Ti-Srolanh.png" /></a></div>
<a href="https://www.blogger.com/null" name="more"></a><br />
<ul class="v-list" id="vList" style="display: none;">
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCRUlVZ2tDbmJnUjA">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">01.Bong </span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCOXM5cVNxS3QxMk0">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">02.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCSWhKWjBzVFRyb1U">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">03.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCWlItYTU0MnBoY3M">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">04.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCRnNJeXRuOWNCbTg">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">05.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCZF85UDd1b0ozWGc">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">06.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCSmFPN1F2SUVGRzg">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">07.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCRlUzc0hsRlZVc2M">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">08.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCRDBMUUhkMTJoeXM">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">09.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCSU5zV0NwQTBqUE0">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">10.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCSklhdEh3WGdyMmc">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">11.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCNlFYZjlZcl9aWEk">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">12.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCZ1dwdHEtbzNLT0U">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">13.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCLWFjOW9ubE41T0k">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">14.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCVDZrQzlNcElScGc">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">15.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCVXV4bFJ0Z0Z6R3M">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">16.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCZDFvZjR0cjhpa2M">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">17.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCdXhmM2oyRlZiR1U">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">18.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCdXhmM2oyRlZiR1U">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">19.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCQzVJNFhIUnpCWmc">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">20.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCZmRNNVQxTmszbFU">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">21.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCQm5fdFdaNjd3TlU">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">22.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCUzdjTU5vczhWYTg">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">23.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCcTNjVmtiOE42MDA">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">24.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCQzhGNkJJOGlsOFU">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">25.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCUWI5bTlpM3ZjNm8">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">26.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCUGg2WnY4Q1lzTWs">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">27.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCM1Z1ZmE5RVRzSjg">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">28.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCS1cwY3ZpY2k0Y0k">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">29.Bong</span>
    </li>
<li class="v-item active" data-source="g" data-vid="0BxfqHw29EUSCd1VYQjdwODMza00">
     <img alt="669" class="attachment-215x165 wp-post-image" height="165" src="http://tubekhmer.com/wp-content/uploads/2014/08/Bong-Khmoch-Chea-Ti-Srolanh1.png" width="215" />     <span class="v-title">30.Bong</span>
    </li>
</ul>
<script>
//////////////////////////////////////////
var Playlistt = [];

var element = document.getElementById('vList');
element = element.getElementsByTagName('li');
for (var i=0; i<element.length; i++){
  Playlistt.push(element[i].getAttribute("data-vid"));
}

myImage = document.getElementById('imgFeatured');
myImage = myImage.getElementsByTagName('img');
myImage = myImage[0].src;
var Playlist = [];
for (var i = 0; i < Playlistt.length; i++) {
         Playlist.push({'file':'https://docs.google.com/file/d/'+Playlistt[i]+'/preview','title':'Part '+(i+1)});
}

function loadVideo(index){
  clicked.style.backgroundColor = '#404040';
  var Player = document.getElementById('player');
  Player.src = Playlist[index]['file']+'?start=1';
  clicked = document.getElementById('Video'+(index+1));;
  clicked.style.backgroundColor = '#282828';
}
//////////////////////////////////////////
</script>

<br />
<div id="VFJWPlayer" style="background-color: black; overflow: hidden;">
<script> 
document.write('<iframe id="player" src="'+Playlist[0]['file']+'" width="100%" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen ></iframe>');
var Player = document.getElementById('player');
var playerWidth = Player.clientWidth;
var playerHeight = playerWidth/16*9;
Player.height = playerHeight;
</script>

<br />
<div id="playlistPanel">
<script>
for (var i = 0; i < Playlistt.length; i++) {
 document.write('<div id="Video'+(i+1)+'" class="playlistItem" onclick="loadVideo('+i+')" >');
 document.write('<img class="imgThub" src="'+myImage+'" /><span class="label">'+Playlist[i]['title']+'</span>');
 document.write('</div>
');
}
var clicked = document.getElementById('Video1');
clicked.style.backgroundColor = '#282828';
</script>        
</div>
</div>
<div style="clear: both;">
</div>
<span class="datex hidex">
<b></b>

B Khmoch Joy Nhoy

01.Bong 02.Bong 03.Bong 04.Bong 05.Bong ...

<div id="player4">
</div>
<script type="text/javascript"> jwplayer("player4").setup({ "flashplayer": "https://akbalthom-code.googlecode.com/svn/trunk/player.swf",
"playlist": [
 { "file": "http://youtu.be/bjShXTdHFfw", "title": "01. Mea Yea Tep Apsor", "description": "", "image": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqqqAD4NgH-RU-ooVRp_1x-GTsT6bXt7iKYQ4-I8dI8G_uRD8jp0vvS_eMBp45iSlvmbrxYQV6_1pRF-lv_J92LDwScvQgVnQwUeKEFY8ZnEFUDS1p4JIoZEyTwzdTHAeD5XTsBUEXRBXg/s1600/Mea-Yea-Tep-Apsa.png" },
{ "file": "http://youtu.be/3bGEHE_XLz4", "title": "02. Mea Yea Tep Apsor", "description": "", "image": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqqqAD4NgH-RU-ooVRp_1x-GTsT6bXt7iKYQ4-I8dI8G_uRD8jp0vvS_eMBp45iSlvmbrxYQV6_1pRF-lv_J92LDwScvQgVnQwUeKEFY8ZnEFUDS1p4JIoZEyTwzdTHAeD5XTsBUEXRBXg/s1600/Mea-Yea-Tep-Apsa.png" },
 ],
"playlist.position": "bottom",
"skin": "https://akbalthom-code.googlecode.com/svn/trunk/bekle.zip",
"repeat": "list", "false": "false",
"playlist.size": 200, "width": "100%", "height": "630",
"logo.hide": "false", "logo.link": "http://www.akbalthom.com/", "logo.position": "top-left", "logo.file": "http://2.bp.blogspot.com/-IFs3P4RTD24/U7aEVmVaJ7I/AAAAAAAAMp4/HHVPZADSxQs/s1600/logo+channel+akbalthom.png",
"bufferlength": "1", "controlbar": "over", "aboutlink": "http://www.akbalthom.com/", "abouttext": "AKbalthom",
"stretching": "exactfit", "dock": "true", "shuffle": "false",
});</script>