DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁用戶體驗設計:精簡模式的播放器設計
網頁用戶體驗設計:精簡模式的播放器設計
編輯:關於網頁技巧     

播放視頻時去掉播放器多余的邊框減少干擾是體驗中很重要的一步,於是有了播放器的精簡模式,而當顯示器的分辨率越來越大時,一般精簡模式提供的1倍、0.5倍的尺寸大小顯然有些不合適

邊看視頻邊做其他事情是很多人在上網時會做的,而播放視頻時去掉播放器多余的邊框減少干擾是體驗中很重要的一步,於是有了播放器的精簡模式,而當顯示器的分辨率越來越大時,一般精簡模式提供的1倍、0.5倍的尺寸大小顯然有些不合適,這個時候我們需要手動播放器的邊角或是邊框來放大播放器。迅雷看看播放器對此做了一些優化,當選擇精簡模式在默認的情況下視頻尺寸是1倍大小的,但此時播放器的工具條會提供0.5倍以及1.5倍兩個尺寸選擇,當通過播放器本身提供的這兩個規格進行綻放時,兩個值都會跟隨著變化,每次變化以0.5為單位遞增或是遞減:

很多在線網頁視頻播放,為了速度會將一部分視頻文件緩存在本地,這個時候就需要使用到插件來幫助完成這件事,所以經常可以在訪問視頻網站時在IE浏覽器的頂部彈出安裝插件的請求,同意之後會彈出窗口來確認安裝,確認之後只到安裝完成後自動刷新當前頁面,這段安裝的時間是長是短,安裝的結果如何,用戶幾乎是完全不知情的。這個時候來看看迅雷看看的插件安裝過程,利用處於空閒時幾乎無用的任務欄來即時的顯示插件的安裝情況:

同樣是視頻播放,本地播放器可以通過精簡模式來消除視頻之外的干擾,但網頁版的視頻播放顯然就無法通過精簡模式來減少視覺上的干擾了,於是有些視頻網站的網頁版的播放會提供一個功能——開燈/關燈,當使用關燈時會用黑色來遮蓋所有除視頻之外的元素,使視覺干擾減小到最少。當然,土豆網的那個開燈/關燈不算,此類的例子要看奇藝網或是音悅台。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved