插入音/視訊
20.插音/視屏(<audio></audio>音訊標籤,<vadio></vadio>視訊標籤)
他們都有三種格式(音訊格式 mp3,ogg,wav)(視訊格式 mp4,ogg,webm) 分別在不同瀏覽器顯示(一般會把三種格式都寫好,為了方便不同瀏覽器瀏覽)(因為瀏覽器版本不一樣,有一些格式在瀏覽器不能顯示)
如果三種格式都不能顯示,可以在他們下面加(該音/視訊不支援格式)
音視訊標籤(屬性)
source :源
controls:控制
autoplay:自動播放 (瀏覽器版本問題有些不能自動播放)
loop:迴圈播放
muted:靜音
preload:auto(自動) metadata(載入後設資料) none(不載入)
src:路徑
display:none;隱藏標籤:(隱藏音訊)
poster:規定視訊下載時顯示的影像,或者在使用者還未點選播放按鈕時顯示的影像
before:偽元素:在標籤前面加內容 contenr:"";必須有(在有一些瀏覽器裡before前面是雙冒號)
before:偽元素:在標籤後面加內容 contenr:"";必須有(在有一些瀏覽器裡before前面是雙冒號)
``
相關文章
- C# 提取Word中插入的多媒體檔案(視訊、音訊)C#音訊
- markdown插入圖片、音訊影片音訊
- 短視訊“音訊化”,音樂“視訊化”音訊
- 音視訊--音訊入門音訊
- 音視訊–音訊入門音訊
- 音視訊--視訊入門
- Android 音視訊 - MediaCodec 編解碼音視訊Android
- Android 音視訊開發 視訊編碼,音訊編碼格式Android音訊
- IOS音視訊(二)AVFoundation視訊捕捉iOS
- android音視訊指南-管理音訊焦點Android音訊
- FFmpeg音視訊同步
- 小程式音訊和視訊音訊
- iOS開發系列--音訊播放、錄音、視訊播放、拍照、視訊錄製(轉)iOS音訊
- 在相親原始碼的多人音視訊聊天中插入現場直播的實現方式原始碼
- 安裝Ubunutu音訊視訊庫音訊
- 音視訊通訊——直播協議和視訊推流協議
- Android音視訊之AudioRecordAndroid
- 音視訊基礎概念
- 【秒懂音視訊開發】08_音訊錄製音訊
- Mac線上視訊音訊提取工具Mac音訊
- 音視訊開發-全網最全常用音視訊編碼和格式彙總
- 音視訊基礎知識
- 音視訊學習路線
- Android音訊視覺化操作Android音訊視覺化
- android音視訊指南-MediaPlayer概述Android
- android音視訊指南-MediaRecorder概述Android
- 音視訊技術基礎
- 使用FFmpeg處理音視訊
- ijkplayer 音視訊同步流程分析
- 【音視訊專題】音訊質量評估方法那些事音訊
- 【秒懂音視訊開發】13_音訊重取樣音訊
- android音視訊指南-處理音訊輸出的變化Android音訊
- 視訊直播和實時音視訊區別調研
- 抖音視訊批量下載,手把手教你下載抖音無水印視訊
- 《音視訊開發進階指南》讀書筆記(一) —— 音視訊基礎概念筆記
- 如何在PR中同步音訊和視訊音訊
- 音視訊通訊加餐 —— WebRTC一肝到底Web
- web音訊流轉發之音視訊直播Web音訊