Nền video cho bài viết 2013-08-29

Demo trước nhé : cái này mình lấy tạm http://sharedtoplay.blogspot.com/2013/08/NewWorld-TheGioiMoi-2013.html

Download toàn bộ up lên host

Gắn code này vào templates message :

Mã:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript" src="inc/jquery.mb.YTPlayer.js"></script>
<link href="css/YTPlayer.css" media="all" rel="stylesheet" type="text/css">

Cài add-on : http://vxf.vn/threads/cho-em-hoi-addon-nao-chen-duoc-code-html-script-trong-bai-viet.6474/#post-52014

Trong bài viết muốn hiển thị video nào thì gắn đoạn sau :

Mã:

[parsehtml]
<a class="player" data-property="{videoURL:'Đoạn mã youtube gắn vào đây',containment:'body',autoPlay:true, mute:true, startAt:0,opacity:1}"></a>
[/parsehtml]

Một số tùy chỉnh trong code hiển thị

Mã:

opacity: 1 //(int) 0 → Set the opacity of the player;
mute: true //(boolean) mute the audio;
showControls: true // or false If you set the player as background you can show controls adding this parameter;
ratio: ‘4/3’ // or “16/9” to set the aspect ratio of the movie;
quality: ‘default’ // or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres”;
containment: (string) // the CSS selector of the DOM element where you want the video background; if not specified it takes the “body”; if set to “self” the player will be instanced on that element;
optimizeDisplay: true // (boolean) will fit the video size into the window size optimizing the view;
loop: true // (boolean) or false loops the movie once ended.
startAt: 20 // (int) Set the seconds the video should start at.
showYTLogo: true // (boolean) Show or hide the YT logo and the link to the original video URL.
showControls: true // (boolean) Show or hide the controls bar at the bottom of the page.

Xin Hết.