小13箩利洗澡无码免费视频_高清欧美日韩中文在线字幕视频_91视频精品全国免费观看_麻豆精品永久免费视频

幫助中心

Service Support

如何在如意寶手機(jī)網(wǎng)站里調(diào)用視頻

  2017-03-02 15:01:02   次瀏覽

視頻,是介于文字與圖片描述之外的另外一種媒介形式。在pc端,我們通常介紹一家公司,除了有簡潔明了的文字描述,配合幾張公司廠房、辦公場景的圖片外,還會(huì)放些企業(yè)宣傳片等類似視頻。

       視頻,是介于文字與圖片描述之外的另外一種媒介形式。在pc端,我們通常介紹一家公司,除了有簡潔明了的文字描述,配合幾張公司廠房、辦公場景的圖片外,還會(huì)放些企業(yè)宣傳片等類似視頻。視頻調(diào)用,要么使用優(yōu)酷、土豆等視頻網(wǎng)站代碼,要么是單獨(dú)寫的播放器代碼,手機(jī)觸屏網(wǎng)站的出現(xiàn),又讓我們嘗試把視頻加到手機(jī)頁面上,然而pc端的視頻調(diào)用方法,在移動(dòng)端就遇到問題——視頻無法顯示!究其原因,如意寶將為大家解開這個(gè)疑問。

 

一、手機(jī)網(wǎng)站為何不能顯示視頻

      首先,手機(jī)觸屏網(wǎng)站,采用的是html5標(biāo)記語言和css3樣式表。在pc端,視頻的播放,通常借助的是flash形式播放器,手機(jī)觸屏網(wǎng)站上,已經(jīng)不支持flash了,也就導(dǎo)致大家調(diào)用的flash播放器無法顯示。html5中對(duì)視頻的標(biāo)簽定義,規(guī)定了一種通過 video 元素來包含視頻的標(biāo)準(zhǔn)方法。寫法如下:

 

<video src="movie.mp4" controls="controls">
</video>

 

<video> 標(biāo)簽的屬性說明

      

其次,視頻格式要求。視頻的格式有很多,PC網(wǎng)站上的flash播放器,通常用的是.flv格式視頻,而手機(jī)觸屏版上,視頻格式只支持三種,Ogg、Mpeg4(.mp4格式)、WebM,我們常見可能就是.mp4格式的視頻,也建議優(yōu)先選擇這個(gè)格式。

 

了解了前2個(gè)原因,接下來我們寫一段視頻代碼,加到手機(jī)網(wǎng)站上,體驗(yàn)試試:

<video src="http://xz.mf1288.com/uFile/6476/tianzhu.mp4" width="320" 
height="240" controls="controls">
</video>

 

 

 

二、如何處理視頻格式

      視頻轉(zhuǎn)碼,有很多軟件,這里推薦一個(gè)實(shí)用的軟件,優(yōu)酷客戶端,自帶轉(zhuǎn)碼功能,如圖

 

 

 

三、視頻如何存儲(chǔ)?

 

     手機(jī)觸屏版上視頻,不建議太大,大了影響播放速度。如意寶魔方建站平臺(tái)提供文件柜功能,解決視頻存儲(chǔ)問題,如圖