Langkah-langkahnya :
1. Buka blog
2. Buka template-> Html
3. Masukin Script ini di CSS, Caranya buka CSS di <b:skin>...</b:skin>
/* playlist */
.iseparator{display:none;}
#playlist {
display: block;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #4c2400;
}
#playlist li {
list-style-type: none;
color: white;
float: left;
text-align: center;
padding: 14px 16px;
margin: 0;
text-decoration: none;
cursor: pointer
}
#playlist li:hover {
background-color: #FC5555;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
4. Masukin Script ini di atas /head
<script>
// Player
$(function(){$("#playlist li").on("click",function(){$("#videoarea").attr({"src":$(this).attr("movieurl"),"autoplay":"autoplay"})})
$("#videoarea").attr({"src":$("#playlist li").eq(0).attr("movieurl"),})})
</script>
5. Kalau sudah kalian masukin di atas nah masuk ke postingan
6. Masukin script ini di postingan -> Html
<ul id="playlist">
<li movieurl="http://www.savefile.co/embed-vzzt118iw8i3.html">Anime1</li>
<li movieurl="http://www.mp4vid.com/embed-s8jinbfb5v57.html">Anime2</li>
<li movieurl="http://www.savefile.co/embed-vzzt118iw8i3.html">Anime3</li>
</ul>
<div class="videoWrapper">
<iframe allowfullscreen="true" frameborder="0" height="349" id="videoarea" margin="0" scrolling="NO" src="" width="560"></iframe>
</div>
Note ganti alamatnya dengan alamat penyimpanan video kalian
7. Jika sudah cek pratinjau dan lihat
8. Tadaaa simplekan playnya
Sekian dari saya semoga bermanfaat untuk teman-teman
Terima Kasih
Post a Comment
Post a Comment