場景

最近蘋果發(fā)布了iPhone 5C和iPhone 5S，哥在官網(wǎng)觀看了高端大氣上檔次的視頻產(chǎn)品演示，雖然沒馬上決定賣腎入手，不過還是對這種產(chǎn)品演示的方式產(chǎn)生興趣，決定動手模擬一個。

原理
利用保利威視視頻播放器的video_bg_color參數(shù)，讓播放器的底色置為白色，不會再有黑邊框了，例如video_bg_color=ffffff。
保利威視播放器還有一個參數(shù)為ban_bar_keep_play_btn，隱藏進度條，只留一個中間的播放按鈕。

實現(xiàn)
先到保利威視后臺，播放器設置里面挑選一個上檔次的視頻播放器，我挑了最后一個“現(xiàn)代”風格的。
然后再把右側(cè)菜單欄的幾項打鉤的都去掉，片尾設置里面，把“返回片頭”勾上。
現(xiàn)在準備將視頻代碼拷貝黏貼到網(wǎng)站了，在代碼的flashvar的value里面，額外加入兩個參數(shù)video_bg_color=ffffff&ban_ata_bar_keep_play_btn=on

<code>&lt;div class="overlay" id="video" onclick="hideme()"&gt;</code>

<code>&lt;div </code>style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; visibility: visible; padding-top: 77px;TEXT-ALIGN: center;"&gt;

<code>播放器代碼放這里 &lt;/div&gt;</code>

<code>&lt;/div&gt;</code>

還需要在頁面加入一段css，

<code>&lt;style type="text/css"&gt;
.overlay{
    background-color:#fff;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
    display:none;
}&lt;/style&gt;</code>

<code>&lt;script&gt;
function showvideo(){
   document.getElementById("video").style.display="block";
}
function hideme(){
   document.getElementById("video").style.display="none";
}
&lt;/script&gt;</code>