網站建設之視頻播放

隨著時代的發展，互聯網技術日新月異。幾年前，網站的表現形式還只是表格，不同于現在
各種技術的發展，網站的內容已經變成了文字、圖片、音頻、視頻等等。一段簡短、精致的
視頻可以很好地展現我們公司的實力，讓我們的潛在客戶更加的信任我們。所以，如何有效
的在網站中插入視頻是很好重要的。
首先，我們來認識視頻引入標簽video,以及引入格式
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 video 標簽。
</video>
width===播放器在瀏覽器顯示的寬度
height===播放器在瀏覽器顯示的高度
controls===視頻播放器控件，能控制視頻播放、暫停、全屏、聲音大小等
引入之后在瀏覽器的呈現結果如下圖所示：

接下來，我們了解一下視頻的在網站的一些應用。比如：我們要實現一個網站打開，先播放一段視頻
在進入的網站的頁面的效果
<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>
這個應用其實只是設置一個定時器，時間一到，就隱藏視頻播放頁面。其中的session值是為了
實現頁面第一次打開播放視頻，后面再進入這個頁面不播放視頻的效果。這里還有一個方法要注意
就是pause方法，因為你只是隱藏了，但是視頻還在播放，所以需要暫停視頻播放。
友情提示一下：好不要把視頻資源，和網站代碼放在一起，因為視頻資源一般都比較
大，這樣會導致整個網站加載比較慢，從而造成網站打開速度慢，影響用戶體驗。如果可以，我們可以
選擇把視頻放到阿里云oss里面，這樣我們只需要引入視頻路徑就可以。

名稱欄目：網站建設之視頻播放
文章來源：http://m.kartarina.com/news28/237578.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯