首頁 web前端 H5教程 HTML5實戰與剖析之媒體元素(2、媒體元素的屬性)

HTML5實戰與剖析之媒體元素(2、媒體元素的屬性)

Feb 13, 2017 pm 01:28 PM
html5

  提到HTML5中的媒體元素,那咱們可有的聊了,剛剛介紹完媒體元素的用法與簡介,還沒介紹有關媒體元素的相關屬性呢,所以今天就為大家介紹一些有關HTML5中媒體元素的相關屬性。


  autoplay:資料類型是布林值,取得或設定autoplay標誌,媒體是否自動播放。

  buffered:資料型態是時間範圍,表示已下載的緩衝的時間範圍物件

  bufferedBytes:資料型別是字節範圍,表示已下載的緩衝的緩衝物件資料型別是整數,下載過程中每秒鐘平均接收的位數

  bufferingThrottled:資料型別是布林值,表示瀏覽器是否對緩衝進行了節流

  controls ,取得或設定controls的屬性,顯示或隱藏使用者控制介面。

  currentLoop:資料型態是整數,媒體檔案已經循環的次數。

  currentSrc:資料型態是字串,表示目前播放的媒體檔案的URL(唯讀)。

  currentTime:資料型態是浮點數,表示已播放的秒數。

  defaultPlaybackRate:資料型態是浮點數,表示取得或設定預設的播放速度。預設值為1.0秒

  duration:資料型態是浮點數,表示媒體播放的總時間(秒數)。

  ended:資料型態是布林值,表示媒體檔案是否播放完成。

  loop:資料型態是布林值,表示媒體是否循環播放。

  muted:資料型態是布林值,表示是否靜音。

  networkState:資料型態是整數。表示目前媒體的網路連線狀態。 0表示空;1表示正在載入;2表示正在載入資料;3表示已經載入了第一幀;4表示載入完成。

  paused:資料型態是布林值,表示媒體是否暫停。

  playbackRate:資料型態浮點數。表示取得或設定目前的播放速度。使用者可以改變這個數值,讓媒體播放速度變快或變慢。這個與defaultPlaybackRate只能有開發人員修改的defaultPlaybackRate不同。

  played:資料類型時間範圍,表示到目前為止已經播放的時間範圍。

  readyState:資料型態是整數。表示媒體是否已經就緒(可以播放了)。 0表示資料無法使用;1表示可以顯示目前影格;2表示可以開始播放;3表示媒體可以從頭到尾播放。

  seekable:資料型態是時間範圍。表示可以搜尋的時間範圍。

  seeking:資料型態是布林值。表示媒體是否正移動到媒體檔案中的新位置。

  src:資料型態是字串。表示媒體來源。任何時候都可以重寫這個屬性。

  start:資料型態是浮點數。表示取得或設定媒體檔案中開始播放的位置,以秒錶示。

  totalBytes:資料型態是整數,表示目前資源所需的總位元組數。

  videoHeight:資料型態是整數。傳回影片(不一定是元素)的高度。適用於影片。

  videoWidth:資料型態是整數。傳回視訊(不一定是元素)的寬度。適用於影片。

  volume:資料型態是浮點數。表示取得或設定目前的音量。值為0.0-1.0。

以上就是HTML5實戰與剖析之媒體元素(2、媒體元素的屬性)的內容,更多相關內容請關注PHP中文網(www.php.cn)!



本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

See all articles