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

Nền video cho bài viết

  1. xephiea
    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.
comments powered by Disqus