国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

HTML5中視頻標(biāo)簽學(xué)習(xí)中出現(xiàn)只顯示聲音而沒有畫面的情況。

這篇具有很好參考價(jià)值的文章主要介紹了HTML5中視頻標(biāo)簽學(xué)習(xí)中出現(xiàn)只顯示聲音而沒有畫面的情況。。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

作為一名程序小白,這是第一篇博客,目的在于記錄自己學(xué)習(xí)過程中遇見的問題,怎么去解決問題。

1、這是使用的視頻標(biāo)簽:

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

2、出現(xiàn)的問題:只有聲音沒有畫面

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

3、查閱資料總結(jié):

(1)視頻的格式是否支持:

目前html的video元素支持一下三種視頻格式:

MP4 : MPEG4 文件使用 H264 視頻編解碼器和AAC音頻編解碼器

WebM : WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器

Ogg : Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器

(2)瀏覽器是否兼容:

這三種格式的視頻,對(duì)于不同的瀏覽器,在兼容性上也有些許區(qū)別。并且對(duì)于支持的瀏覽器的版本也會(huì)有影響。

(3)我這里使用的是MP4格式的視頻,所以查閱發(fā)現(xiàn)html中只支持H264的編碼格式。

4、軟件轉(zhuǎn)碼嘗試解決問題

推薦使用 格式工廠 這款軟件進(jìn)行轉(zhuǎn)碼(這款軟件我在很早之前就使用了,體驗(yàn)感比較好,當(dāng)然肯定有其他更好的軟件,只是小黑皮我見識(shí)短淺,歡迎大家交流補(bǔ)充。)

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

格式工廠界面

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

選擇MP4

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

導(dǎo)入視頻

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

點(diǎn)擊輸出配置

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

視頻編碼選擇H264

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

點(diǎn)擊確定

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

點(diǎn)擊開始進(jìn)行轉(zhuǎn)換

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

成功解決問題

video標(biāo)簽只有聲音,學(xué)習(xí),html5,音視頻,前端,html

小黑皮只是一個(gè)小小小白,有錯(cuò)誤的地方歡迎大家指出,這也是學(xué)習(xí)的一種方式。小黑皮也希望學(xué)到更多。

?文章來源地址http://www.zghlxwxcb.cn/news/detail-719202.html

?

?

?

?

?

?

?

?

?

?

到了這里,關(guān)于HTML5中視頻標(biāo)簽學(xué)習(xí)中出現(xiàn)只顯示聲音而沒有畫面的情況。的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 前端開發(fā)基礎(chǔ)(HTML5 + CSS3)【第一篇】:HTML標(biāo)簽之文字排版、圖片、鏈接、音頻、視頻 && 涵蓋了兩個(gè)綜合案例 做到了基礎(chǔ)學(xué)得會(huì),實(shí)戰(zhàn)寫的出

    前端開發(fā)基礎(chǔ)(HTML5 + CSS3)【第一篇】:HTML標(biāo)簽之文字排版、圖片、鏈接、音頻、視頻 && 涵蓋了兩個(gè)綜合案例 做到了基礎(chǔ)學(xué)得會(huì),實(shí)戰(zhàn)寫的出

    點(diǎn)擊前往前端開發(fā)基礎(chǔ)專欄: 一、開發(fā)環(huán)境搭建 這里google瀏覽器不能用我們就使用電腦自帶的微軟瀏覽器就可以了! 下載 VS Code VS Code 官網(wǎng)下載地址 這里根據(jù)自己電腦的操作系統(tǒng)進(jìn)行下載! 安裝步驟如下: (是在不知道如何操作,可以找個(gè)教程一步一步來) 安裝這個(gè)還是

    2024年04月16日
    瀏覽(33)
  • Howler.js HTML5聲音引擎

    Howler.js是一個(gè)不錯(cuò)的HTML5聲音引擎。功能強(qiáng)大,性能不錯(cuò),用起來也很方便。 1. 官網(wǎng) https://howlerjs.com/ GitHub https://github.com/goldfire/howler.js 2. 兼容性 Howler默認(rèn)使用Web Audio,但在IE上可以自動(dòng)轉(zhuǎn)為HTML 5 Audio。這點(diǎn)很是貼心。 3. 聲音激活 移動(dòng)端的Safari和Chrome都禁止網(wǎng)頁自動(dòng)播放聲音

    2024年02月08日
    瀏覽(15)
  • html5學(xué)習(xí)筆記17-拖放、地理定位、視頻、音頻......

    拖放 https://www.runoob.com/html/html5-draganddrop.html 地理定位 https://www.runoob.com/html/html5-geolocation.html 視頻 https://www.runoob.com/html/html5-video.html 音頻 https://www.runoob.com/html/html5-audio.html Input 類型 https://www.runoob.com/html/html5-form-input-types.html 通過input節(jié)點(diǎn)的type屬性控制交互類型。 type=\\\"text\\\"為文

    2024年02月11日
    瀏覽(17)
  • HTML5 <rt> 標(biāo)簽、HTML5 <ruby> 標(biāo)簽

    HTML5 <rt> 標(biāo)簽、HTML5 <ruby> 標(biāo)簽

    HTML5 rt標(biāo)簽用于表示為ruby標(biāo)簽中的注釋內(nèi)容。 一個(gè) ruby 注釋: 嘗試一下 ? IE 9+、Firefox、Opera、Chrome 和 Safari 支持 rt 標(biāo)簽。 注釋: IE 8 或更早版本的 IE 瀏覽器不支持 rt 標(biāo)簽。 rt 標(biāo)簽定義字符(中文注音或字符)的解釋或發(fā)音。 將 rt 標(biāo)簽與 ruby 和 rp 標(biāo)簽一起使用: ruby 元素

    2023年04月23日
    瀏覽(107)
  • HTML5 <s> 標(biāo)簽、HTML5 <sub> 和 <sup> 標(biāo)簽

    HTML5 <s> 標(biāo)簽、HTML5 <sub> 和 <sup> 標(biāo)簽

    s 標(biāo)簽定義加刪除線的文本。HTML 5 中不再支持這個(gè)標(biāo)簽。請(qǐng)使用 CSS 代替。 在 HTML 4.01 中不贊成使用 s 標(biāo)簽。 在 HTML 5 中不支持 s 標(biāo)簽。 提示:請(qǐng)使用 del 標(biāo)簽代替。 關(guān)于s 標(biāo)簽的詳細(xì)詳細(xì),你可以參考本站的“HTML s 標(biāo)簽”一節(jié)! HTML5 sub和sup標(biāo)簽分別為文檔中的內(nèi)容定義下標(biāo)

    2024年02月01日
    瀏覽(87)
  • 【HTML5系列】第一章 · HTML5新增語義化標(biāo)簽

    【HTML5系列】第一章 · HTML5新增語義化標(biāo)簽

    ? ? ? ? Hello大家好,?我是【 麟-小白 】,一位 軟件工程 專業(yè)的學(xué)生,喜好 計(jì)算機(jī)知識(shí) 。希望大家能夠一起 學(xué)習(xí)進(jìn)步 呀!本人是一名 在讀大學(xué)生 ,專業(yè)水平有限,如發(fā)現(xiàn) 錯(cuò)誤 或 不足之處 ,請(qǐng)多多指正!謝謝大家?。?! ? ? ? ? 如果 小哥哥小姐姐們 對(duì)我的文章感興趣

    2024年02月04日
    瀏覽(94)
  • 【HTML5】HTML5 多媒體標(biāo)簽 ① ( audio 音頻標(biāo)簽 | 音頻標(biāo)簽常見屬性值設(shè)置 | 音頻標(biāo)簽?zāi)J(rèn)代碼設(shè)置 | 音頻標(biāo)簽設(shè)置多種類型音頻文件 )

    【HTML5】HTML5 多媒體標(biāo)簽 ① ( audio 音頻標(biāo)簽 | 音頻標(biāo)簽常見屬性值設(shè)置 | 音頻標(biāo)簽?zāi)J(rèn)代碼設(shè)置 | 音頻標(biāo)簽設(shè)置多種類型音頻文件 )

    傳統(tǒng) HTML 開發(fā)中 , 如果想要向網(wǎng)頁中嵌入音頻和視頻 , 需要 使用 Flash 瀏覽器插件才能實(shí)現(xiàn) ; 在 HTML5 中 , 使用 多媒體標(biāo)簽 , 即可實(shí)現(xiàn)向?yàn)g覽器中插入音視頻 , 多媒體標(biāo)簽如下 : 音頻標(biāo)簽 : audio 視頻標(biāo)簽 : video HTML 5 的 audio 音頻標(biāo)簽 , 支持 ogg / mp3 / wav 三種格式的音頻 , 不同的

    2024年02月15日
    瀏覽(116)
  • HTML-常見標(biāo)簽、HTML5新特性

    HTML-常見標(biāo)簽、HTML5新特性

    (1) C/S架構(gòu)即Client/Server(客戶機(jī)/服務(wù)器)結(jié)構(gòu)。 (2) C/S 架構(gòu)特點(diǎn) ? C/S結(jié)構(gòu)在技術(shù)上很成熟,它的主要特點(diǎn)是交互性強(qiáng)、具有安全的存取模式、網(wǎng)絡(luò)通信量低、響應(yīng)速度快、利于處理大量數(shù)據(jù)。但是該結(jié)構(gòu)的程序是針對(duì)性開發(fā),變更不夠靈活,維護(hù)和管理的難度較大。通常只

    2024年02月11日
    瀏覽(92)
  • HTML5新增的標(biāo)簽

    header :頭部標(biāo)簽 nav :導(dǎo)航標(biāo)簽 article :內(nèi)容標(biāo)簽 section :定義文檔某個(gè)區(qū)域 aside :側(cè)邊欄標(biāo)簽 footer :尾部標(biāo)簽 當(dāng)前audio僅支持三種視頻格式:盡量使用mp3格式 常見屬性: 屬性 值 描述 autoplay autoplay 如果出現(xiàn)該屬性,則音頻在就緒后馬上播放 controls controls 如果出現(xiàn)該屬性,則向用戶

    2024年02月04日
    瀏覽(25)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包