Cara Memasang Video JS Responsive di Blog

Mimin

1. Langkah pertama klik Tema » Edit HTML, Letakkan kode dibawah ini di atas kode </head>. Gunakan Ctrl+F untuk mempercepat pencarian.

<link href='https://cdn.statically.io/gh/ryan-lee59/player.css/master/tamboenmanplayer.css' rel='stylesheet'/>
<script>
$(document).ready(function(){
videojs("example_video_1").ready(function(event){
var myPlayer = this;
myPlayer.on("ended", function(){
alert("video ended");
});
});
});

</script>

2. Selanjutnya letakkan kode di bawah in sebelum kode ]]></b:skin>.

.video-js .vjs-control-bar { display: block; }
@font-face {
font-family: 'VideoJS';
src: url('https://vjs.zencdn.net/f/1/vjs.eot');
src: url('https://vjs.zencdn.net/f/1/vjs.eot?#iefix') format('embedded-opentype'),
url('https://vjs.zencdn.net/f/1/vjs.woff') format('woff'),
url('https://vjs.zencdn.net/f/1/vjs.ttf') format('truetype');

}

3. Selanjutnya cari kode </body>. selanjutnya letakkan kode dibawah ini diatas kode </body>.

<script src='https://vjs.zencdn.net/4.3.0/video.js'></script>

4. Selanjutnya adalah langkah terakhir kita menulis sebuah postingan dalam mode penulisan HTML, masukkan kode dibawah ini

<video id="example_video_1" class="video-js vjs-default-skin"

width="100%"

height="360px"

poster="URL Gambar Kalian" controls preload="none" >

</video>

</div>