網站建設之視頻播放

　　隨著時代的發展，互聯網技術日新月異。幾年前，網站的表現形式還只是表格，不同于現在

　　各種技術的發展，網站的內容已經變成了文字、圖片、音頻、視頻等等。一段簡短、精致的

　　視頻可以很好地展現我們公司的實力，讓我們的潛在客戶更加的信任我們。所以，如何有效

　　的在網站中插入視頻是很好重要的。

　　首先，我們來認識視頻引入標簽video，以及引入格式

　　videowidth=320height=240controls

　　sourcesrc=movie.mp4type=video/mp4

　　sourcesrc=movie.oggtype=video/ogg

　　您的瀏覽器不支持video標簽。

　　/video

　　width===播放器在瀏覽器顯示的寬度

　　height===播放器在瀏覽器顯示的高度

　　controls===視頻播放器控件，能控制視頻播放、暫停、全屏、聲音大小等

　　引入之后在瀏覽器的呈現結果如下圖所示：

　　接下來，我們了解一下視頻的在網站的一些應用。比如：我們要實現一個網站打開，先播放一段視頻

　　在進入的網站的頁面的效果

　　ifcondition=！session('is_play')

　　pclass=video-popu

　　videocontrols=controlsautoplay=autoplayid=myvideowidth=100%height=100%

　　sourcesrc=__IMG__/video/video.MP4type=video/ogg/

　　/video

　　/

　　/if

　　scripttype=text/javascript

　　varmyvideo=document.getElementById('myvideo');

　　setTimeout(function(){

　　$(.video-popup).fadeOut();

　　myvideo.pause();

　　$.ajax({

　　type：'post'，

　　url：{：U('Ajax/video')}，

　　data：{'is_play'：1}，

　　success：function(){

　　}

　　})

　　}，17000);

　　/script

　　這個應用其實只是設置一個定時器，時間一到，就隱藏視頻播放頁面。其中的session值是為了

　　實現頁面第一次打開播放視頻，后面再進入這個頁面不播放視頻的效果。這里還有一個方法要注意

　　就是pause方法，因為你只是隱藏了，但是視頻還在播放，所以需要暫停視頻播放。

　　友情提示一下：最好不要把視頻資源，和網站代碼放在一起，因為視頻資源一般都比較

　　大，這樣會導致整個網站加載比較慢，從而造成網站打開速度慢，影響用戶體驗。如果可以，我們可以

　　選擇把視頻放到中企動力oss里面，這樣我們只需要引入視頻路徑就可以。

　　最后，我們也可以通過iframesrc='{$xinghao_curr.video_url}'width='100%'height='100%'frameborder=0allowfullscreen/iframe這個標簽，來引入第三方視頻