HTML5學習筆記(三)

2021-07-15 14:01:59 字數 1346 閱讀 8527

標籤中的屬性

標籤中,同樣存在一些屬性、方法和事件

方法屬性

事件play()

currentsrc

play

pause()

currenttime

pause

load()

videowidth

progress

canplaytype

videoheight

error……

等等標籤之間插入的內容是提供給不支援 video 元素的瀏覽器顯示的。 格式

mime-type

mp4video/mp4

oggvideo/ogg

webm

video/webm

**:

charset="utf-8" />

head>

style="text-align:center">

onclick="makebig()">放大button>

onclick="makesmall()">縮小button>

onclick="makenormal()">普通button>

id="video1"

width="420"

controls>

src="resource/movie.mp4"

type="video/mp4">

你的瀏覽器可能不支援該模式

video>

div>

var myvideo=document.getelementbyid("video1");

function

playpause

()

//放大視窗

function

makebig

()

//縮小視窗

function

makesmall

()

//回到正常視窗

function

makenormal

()

script>

body>

html>放大:

縮小:

正常:參考:

html5學習筆記(三)

在html中標籤有很多種,它們之間有一些為行級標籤一些為塊級標籤。塊級標籤的特徵,不管標籤裡面的內容元素為多大,就算很小,它也會占用整整一行的網頁空間位置,比如div ul ol p 這類標籤預設情況下寬度就是 body 的寬度,這些標籤在使用時會使下乙個標籤或元素自動換行。行級標籤的特徵,它與塊級...

html5學習筆記三

html5 在客戶端存貯資料 有兩種方式 1.localstorage 沒有時間限制的儲存 示例 如下 html5 表單 html5 input型別 email urlnumber range date pickers search color 示例 如下 e mail homepage point...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...