Berikut ini cara pemasangan VideoJS di blogger.
- Buka Template
- Edit HTML
- Cari kode </head>
- Copy kode dibawah ini
<link href="http://vjs.zencdn.net/5.19.2/video-js.css" rel="stylesheet"> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>- Pastekan tepat di atas kode </head>
- Cari kode </body>
- Copy Kode dibawah ini
<script src="http://vjs.zencdn.net/5.19.2/video.js"></script>- Pastekan tepat diatas kode </body>
Atau
<head>
<link href="http://vjs.zencdn.net/5.19.2/video-js.css" rel="stylesheet">
<!-- If you'd like to support IE8 -->
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head> <body>
<video id="my-video" class="video-js" controls preload="auto" width="100%" height="480"
poster="MY_VIDEO_POSTER.jpg" data-setup="{}"> <source src="MY_VIDEO.mp4" type='video/mp4'> <source src="MY_VIDEO.webm" type='video/webm'> <p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video> <script src="http://vjs.zencdn.net/5.19.2/video.js"></script> </body>Dan cara penggunaan pada postingan<video id="my-video" class="video-js" controls preload="auto" width="100%" height="480"
poster="MY_VIDEO_POSTER.jpg" data-setup="{}"> <source src="MY_VIDEO.mp4" type='video/mp4'> <source src="MY_VIDEO.webm" type='video/webm'> <p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> 
Tidak ada komentar:
Posting Komentar