2. 程式人生 > 其它 >HTML學習筆記7

HTML學習筆記7

阿新 • • 發佈：2021-01-23

技術標籤：HTML學習筆記htmlhtml5

HTML學習筆記7

視訊 video
<video> 不支援video的瀏覽器展示本行文字</video>

video 支援三種格式的視訊：OGG、MPEG4、WebM.
用於 Safari 瀏覽器，視訊檔案必須是 MPEG4 型別。
video准許多個source元素。
方法用於播放（play（））、暫停（pause（））以及載入load（）等。其中的屬性（比如時長、音量等）可以被讀取或設定。其中的 DOM 事件能夠通知您，比方說，video 元素開始播放、已暫停，已停止，等等

<!DOCTYPE HTML>
 

<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="video.ogg" type="video/ogg">
  <source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</
 
video>

</body>
</html>

屬性：
width: 視訊寬度
height:視訊高度
autoplay ：自動播放
controls ：向用戶展示控制元件，如播放暫停等
loop: 自動迴圈播放
preload: 提前載入，預備播放。如果有autoplay忽略此屬性
src: 視訊的URL 也可用source標籤來設定，是HTML5的新屬性

音訊audio
<audio>瀏覽器不支援audio顯示本行文字</audio>

audio支援的音訊格式：Ogg Vorbis、MP3、Wav。

<!DOCTYPE HTML>
 

<html>
<body>

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</body>
</html>

屬性：
autoplay: 自動播放
preload:提前載入預備播放，如果有autoplay則忽略此屬性。
src:音訊的URL
controls:向用戶展示控制元件，如播放，暫停，音量等。
loop:迴圈播放。

相關推薦

HTML學習筆記7

技術標籤：HTML學習筆記htmlhtml5 HTML學習筆記7 視訊 video <video> 不支援video的瀏覽器展示本行文字</video>

html學習筆記4—盒子

CSS處理網頁時,它認為每個元素都包含在一個不可見的盒子裡。如果把所有的元素都想象成盒子,那麼我們對網頁的佈局就相當於是擺放盒子。只需要將相應的盒子擺放到網頁中相應的位置即可完成網頁的佈局。

html學習筆記5—佈局

簡單佈局 <!DOCTYPE html> <html> <head> <meta charset=\"UTF-8\"> <title></title>

Asp.Net Core學習筆記7——依賴注入

Asp.Net Core學習筆記7——依賴注入 1.什麼是依賴注入 　　我們想要弄明白依賴注入是什麼，首先得了解什麼是依賴？簡而言之，依賴是指一個類使用了另一個類，這兩個類之間得關係是臨時、偶然的，這種關係聯

微信小程式開發學習筆記(7.15)

scroll-view滾動檢視的使用 在微信開發者工具中封裝好了這個功能。 首先要把幾個view標籤放入一個盒子，成為行元素。不壓縮每一個view使得view溢位介面，這是可以滾動檢視。

mysql8學習筆記7--事務使用的控制

預設情況下，MySQL在啟用自動提交模式的情況下執行。這意味著，當不在事務內時，每個語句都是原子的，就像它被START TRANSACTION和包圍一樣COMMIT。不能ROLLBACK用來撤消效果。但是，如果在語句執行期間發生錯誤，則

makefile學習筆記-7

3、檔名操作函式 （1）dir $(dir <names...>) 名稱：取目錄函式——dir。 功能：從檔名序列<names>中取出目錄部分。目錄部分是指最後一個反斜槓（/）之前的部分。如果沒有反斜槓，那麼

Python全棧工程師之html學習筆記

https://www.bilibili.com/video/av15241731 筆記來源:黑馬程式設計師 HTML(Hyper Text Markup Language):超文字標籤語言

神經網路學習筆記7

C7 卷積神經網路CNN中新增了Convolution層和Pooling層，其連線順序是：Convolution-Relu-Pooling，靠近輸出層使用Affine-ReLU組合①全連線：相鄰層的所有神經元之間都有連線②卷積層：以多維的資料形式接收輸入資料，

[PyTorch 學習筆記] 7.2 模型 Finetune

本章程式碼：https://github.com/zhangxiann/PyTorch_Practice/blob/master/lesson7/finetune_resnet18.py

HTML學習筆記（三）HTML基礎

認識HTML HTML（英文Hyper Text Markup Language的縮寫）中文譯為“超文字標籤語言”，是一種用於建立網頁的標記語言。

[PyTorch 學習筆記] 7.3 使用 GPU 訓練模型

本章程式碼： https://github.com/zhangxiann/PyTorch_Practice/blob/master/lesson7/cuda_use.py https://github.com/zhangxiann/PyTorch_Practice/blob/master/lesson7/multi_gpu.py

彙編學習筆記(7) -- 資料處理的兩個基本問題

bx、si、di和bp 機器指令處理的資料在什麼地方 組合語言中資料位置的表達 段地址(SA)和偏移地址(EA)

Python學習筆記7：錯誤和異常

我們在程式編寫和執行過程中，總會遇到各種各樣的錯誤。 1.有的錯誤是編寫程式時語法錯誤。比如少了：冒號，縮排不合理等等。

HTML學習筆記

什麼是HTML？ HTML不是一種程式語言，它是一種超文字標記語言(Hyper Text Markup Language)，標記語言是一套標記標籤(Markup tag)，瀏覽器通過HTML標記標籤描述網頁。

html學習筆記（一）

此文轉載自：https://blog.csdn.net/m0_46384159/article/details/110095452 html學習筆記（一）

Mysql學習筆記#7-正規化

正規化 正規化，設計的越詳細，對於某些實際操作可能更好，但是不一定都是好處，在實際應用中，應當具體情況具體分析

Kotlin-高階函式詳解，inline, noinline, crossinline關鍵字解析（第一行程式碼Kotlin學習筆記7）

技術標籤：Kotlin程式語言kotlin 目錄 1. 高階函式定義2. 行內函數inline3. noinline與crossinline3.1 noinline3.2 crossinline

HTML學習筆記5

技術標籤：htmlhtml5 CSS是用來修飾HTML的 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

HTML學習筆記_day1

技術標籤：前端開發htmlweb 前言：參考w3school的html教程 什麼是HTML？ 超文字標記語言，用於描述網頁。