成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)站建設(shè)之視頻播放

2023-02-17    分類: 網(wǎng)站建設(shè)

隨著時代的發(fā)展,互聯(lián)網(wǎng)技術(shù)日新月異。幾年前,網(wǎng)站的表現(xiàn)形式還只是表格,不同于現(xiàn)在
各種技術(shù)的發(fā)展,網(wǎng)站的內(nèi)容已經(jīng)變成了文字、圖片、音頻、視頻等等。一段簡短、精致的
視頻可以很好地展現(xiàn)我們公司的實(shí)力,讓我們的潛在客戶更加的信任我們。所以,如何有效
的在網(wǎng)站中插入視頻是很好重要的。
首先,我們來認(rèn)識視頻引入標(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é)果如下圖所示:

接下來,我們了解一下視頻的在網(wǎng)站的一些應(yīng)用。比如:我們要實(shí)現(xiàn)一個網(wǎng)站打開,先播放一段視頻
在進(jìn)入的網(wǎng)站的頁面的效果
<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>
這個應(yīng)用其實(shí)只是設(shè)置一個定時器,時間一到,就隱藏視頻播放頁面。其中的session值是為了
實(shí)現(xiàn)頁面第一次打開播放視頻,后面再進(jìn)入這個頁面不播放視頻的效果。這里還有一個方法要注意
就是pause方法,因?yàn)槟阒皇请[藏了,但是視頻還在播放,所以需要暫停視頻播放。
友情提示一下:好不要把視頻資源,和網(wǎng)站代碼放在一起,因?yàn)橐曨l資源一般都比較
大,這樣會導(dǎo)致整個網(wǎng)站加載比較慢,從而造成網(wǎng)站打開速度慢,影響用戶體驗(yàn)。如果可以,我們可以
選擇把視頻放到阿里云oss里面,這樣我們只需要引入視頻路徑就可以。
最后,我們也可以通過<iframe src='{$xinghao_curr.video_url}' width='100%' height='100%' frameborder=0 allowfullscreen></iframe>這個標(biāo)簽,來引入第三方視頻

名稱欄目:網(wǎng)站建設(shè)之視頻播放
文章來源:http://jinyejixie.com/news28/237578.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)
云和县| 沛县| 赣州市| 陕西省| 广东省| 庄浪县| 滦平县| SHOW| 清丰县| 宿松县| 长兴县| 东至县| 灵寿县| 建水县| 庄浪县| 河南省| 新宾| 铜陵市| 资阳市| 金溪县| 沭阳县| 延川县| 鄂托克前旗| 淮北市| 师宗县| 安西县| 东阳市| 广水市| 永胜县| 武定县| 丽江市| 贵定县| 太原市| 彩票| 甘孜县| 来宾市| 桐城市| 安国市| 疏附县| 鲁山县| 方山县|