1. 程式人生 > >地理定位 video web存儲

地理定位 video web存儲

ntp nbsp html5 處理 9.png 瀏覽器 img 存儲 image

(一)HTML5 地理定位

HTML5 Geolocation(地理定位)用於定位用戶的位置。

HTML5 - 使用地理定位

請使用 getCurrentPosition() 方法來獲得用戶的位置。

下例是一個簡單的地理定位實例,可返回用戶位置的經度和緯度:

技術分享

技術分享

處理錯誤和拒絕

技術分享

技術分享

(二)HTML5 Video(視頻)

用的是video元素

Web站點上的視頻

直到現在,仍然不存在一項旨在網頁上顯示視頻的標準。

今天,大多數視頻是通過插件(比如 Flash)來顯示的。然而,並非所有瀏覽器都擁有同樣的插件。

HTML5 規定了一種通過 video 元素來包含視頻的標準方法。

HTML5 (視頻)- 如何工作

如需在 HTML5 中顯示視頻,您所有需要的是:

技術分享

元素提供了 播放、暫停和音量控件來控制視頻。

同時 元素元素也提供了 width 和 height 屬性控制視頻的尺寸.如果設置的高度和寬度,所需的視頻空間會在頁面加載時保留。。如果沒有設置這些屬性,瀏覽器不知道大小的視頻,瀏覽器就不能再加載時保留特定的空間,頁面就會根據原始視頻的大小而改變。

與 標簽之間插入的內容是提供給不支持 video 元素的瀏覽器顯示的。

技術分享

上面的例子調用了兩個方法:play() 和 pause()。它同時使用了兩個屬性:paused 和 width。

地理定位 video web存儲