隨著時(shí)代的發(fā)展，互聯(lián)網(wǎng)技術(shù)日新月異。幾年前，網(wǎng)站的表現(xiàn)形式還只是表格，不同于現(xiàn)在
各種技術(shù)的發(fā)展，網(wǎng)站的內(nèi)容已經(jīng)變成了文字、圖片、音頻、視頻等等。一段簡(jiǎn)短、精致的
視頻可以很好地展現(xiàn)我們公司的實(shí)力，讓我們的潛在客戶更加的信任我們。所以，如何有效
的在網(wǎng)站中插入視頻是很好重要的。
首先，我們來(lái)認(rèn)識(shí)視頻引入標(biāo)簽video,以及引入格式
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 video 標(biāo)簽。
</video>
width===播放器在瀏覽器顯示的寬度
height===播放器在瀏覽器顯示的高度
controls===視頻播放器控件，能控制視頻播放、暫停、全屏、聲音大小等
引入之后在瀏覽器的呈現(xiàn)結(jié)果如下圖所示：
接下來(lái)，我們了解一下視頻的在網(wǎng)站的一些應(yīng)用。比如：我們要實(shí)現(xiàn)一個(gè)網(wǎng)站打開，先播放一段視頻
在進(jìn)入的網(wǎng)站的頁(yè)面的效果
<if condition="!session('is_play')">
<div class="video-popup">
<video controls="controls" autoplay="autoplay" id="myvideo" width="100%" height="100%">
<source src="__img__/video/video.mp4" type="video/ogg" />
</video>
</div>
</if>
<script type="text/javascript">
var myvideo=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>
這個(gè)應(yīng)用其實(shí)只是設(shè)置一個(gè)定時(shí)器，時(shí)間一到，就隱藏視頻播放頁(yè)面。其中的session值是為了
實(shí)現(xiàn)頁(yè)面第一次打開播放視頻，后面再進(jìn)入這個(gè)頁(yè)面不播放視頻的效果。這里還有一個(gè)方法要注意
就是pause方法，因?yàn)槟阒皇请[藏了，但是視頻還在播放，所以需要暫停視頻播放。
友情提示一下：好不要把視頻資源，和網(wǎng)站代碼放在一起，因?yàn)橐曨l資源一般都比較
大，這樣會(huì)導(dǎo)致整個(gè)網(wǎng)站加載比較慢，從而造成網(wǎng)站打開速度慢，影響用戶體驗(yàn)。如果可以，我們可以
選擇把視頻放到阿里云oss里面，這樣我們只需要引入視頻路徑就可以。
最后，我們也可以通過(guò)<iframe src='{$xinghao_curr.video_url}' width='100%' height='100%' frameborder=0 allowfullscreen></iframe>這個(gè)標(biāo)簽，來(lái)引入第三方視頻


如何使互聯(lián)網(wǎng)金融更便捷更安全
如何設(shè)計(jì)營(yíng)銷型網(wǎng)站的首頁(yè)
合肥企業(yè)建設(shè)手機(jī)網(wǎng)站有以下幾點(diǎn)好處：
企業(yè)建站需要注意哪些問題
一個(gè)好的營(yíng)銷型網(wǎng)站的八大主要特征
在寧波做一個(gè)購(gòu)物商城網(wǎng)站需要多長(zhǎng)時(shí)間
網(wǎng)站設(shè)計(jì)的價(jià)值是什么？
網(wǎng)站優(yōu)化之怎樣把用戶體驗(yàn)做得更好