30/10/15

Memasang Video Pada Blogger


Selain youtube anda juga bisa menggunakan html5 video player yang lain seperti jwplayer yang banyak di gunakan oleh para blogger.

Caranya cukup sederhana, langkah-langkahnya adalah sebagai berikut :
  1.  Login pada halaman blogger menggunakan akun google mail.
  2.  Masuk ke menu template edit html. Backup dahulu template agan untuk mencegah terjadi kerusakan.
  3. Klik pada area source code tekan Ctrl+F pada keyboard dan ketik </head> kemudian enter.
  4.  Copas kode script di bawah ini tepat di atas kode </head> kemudian simpan.

    <b:if cond='data:blog.pageType == &quot;item&quot;'> <script src="http://content.jwplatform.com/libraries/XeGdlzmk.js"></script> </b:if>


  5.  Buat post baru pada area blogger anda untuk mencoba membuat postingan video jwplayer.
  6.  Copas kode html berikut pada area post blogger anda. Klik tab mode html jangan salah pada tab compose.

    <style>
    #jwwrapper {
        width:90%; margin:2% auto
    }
    </style>
    <div style="text-align:center">
    <div id="jwwrapper">

    <div class="jwplayer" id="element"></div>
    <script type="text/javascript">

     jwplayer('element').setup(
      {
        file:'http://content.jwplatform.com/videos/HkauGhRi-640.mp4',
        title: '',
        width:'100%',
        androidhls:'true',
        aspectratio:'16:9',
        autostart:'false',
        primary:'html5',
        image:'http://content.jwplatform.com/thumbs/HkauGhRi-640.jpg'
      }
     );
     </script>
     </div>
    </div>


  7. Klik Publish dan lihat hasilnya. Pada script file dan image diatas hanya contoh anda bisa mengganti dengan link video yang sebelumnya anda upload sendiri.
Demo dapat anda lihat di bawah ini :


0 komentar:

Posting Komentar