01 youtube官網網頁版設置背景圖片大小自適應(求Youtube視頻中常用的背景音樂，油管主們喜歡用的，類似于parasail這種，偏抒情的)

破解Youtube使之能在手機中背景播放

對于居住在國外，由于版權限制無法使用網易云音樂，蝦米，QQ音樂等國內音樂App聽音樂的小伙伴來說，Youtube真的是個好東西。上面不僅能搜到幾乎所有的中英文歌曲，并且根據你聽的音樂自動生成的List也是異常強大，但是Youtue App 有個缺點，就是不能背景播放，如果有這個需求需要充值買會員。

其實有一個非常簡單的方法可以實現youtube視頻背景播放，只需要手機瀏覽器，不需要安裝任何額外APP，適用于Android和IOS設備。

以Chrome瀏覽器為例，

youtube網頁版怎么看

1、首先打開YouTube的官方網站，可以直接從網上搜索進入。

2、其次在主頁上找到搜索框，輸入想要觀看的內容。

3、然后點擊搜索按鈕，等待搜索結果出現。

4、最后選擇要觀看的視頻，點擊即可觀看YouTube網頁版。

求Youtube視頻中常用的背景音樂，油管主們喜歡用的，類似于parasail這種，偏抒情的

a little story 望采納！

youtube評論翻譯成中文設置

要將YouTube評論翻譯成中文，您可以在YouTube上啟用自動翻譯功能或使用瀏覽器插件進行翻譯。

1.啟用自動翻譯功能

在YouTube上啟用自動翻譯功能可以讓您在觀看視頻時自動翻譯評論。具體步驟如下

1）打開YouTube并播放視頻；

2）在評論區找到需要翻譯的評論；

3）將鼠標懸停在評論上，點擊“翻譯”按鈕；

4）選擇您想要翻譯的語言

2.使用瀏覽器插件

如果您希望更方便地翻譯YouTube評論，可以考慮使用瀏覽器插件。以下是一些常用的瀏覽器插件：

1）Google Translate：這是一款由Google開發的瀏覽器插件，可以自動翻譯網頁內容和評論；

2）ImTranslator：這是一款功能強大的翻譯插件，支持多種語言和翻譯模式；

3）S3.Translator：這是一款輕量級的翻譯插件，可以快速翻譯網頁內容和評論。

3.注意事項

在使用自動翻譯功能或瀏覽器插件進行翻譯時，需要注意以下幾點：

1）自動翻譯可能存在翻譯錯誤，需要謹慎使用；

2）瀏覽器插件可能會影響網頁加載速度，需要根據自身情況選擇；

3）翻譯結果可能會存在語言表達不準確或不恰當的情況，需要謹慎使用。

如果您是視頻創作者，可以使用YouTube Studio中的翻譯功能來翻譯您的視頻和評論。具體步驟如下：

1）打開YouTube Studio并選擇您的視頻；

2）在“詳細信息”選項卡中找到“翻譯”選項；

3）選擇您想要翻譯的語言，輸入翻譯內容； 

4）保存翻譯后的內容。

總之，要將YouTube評論翻譯成中文，您可以在YouTube上啟用自動翻譯功能或使用瀏覽器插件進行翻譯。在使用自動翻譯功能或瀏覽器插件進行翻譯時，需要注意翻譯結果的準確性和恰當性。

為什么網頁設計要使用柵格化

研究網頁柵格系統前，來看一組數據：

網站 首頁頁面寬度 px

Yahoo! 950

淘寶 950

MySpace 960

新浪 950

網易 960

Live Search 958

搜狐 950

優酷 960

AOL 960

上面列舉的都是Alexa全球排名前100的站點，它們的首頁寬度為950px/960px. 除了微軟的Live Search, 這些站點有個共同特點：頁面結構較復雜，都可以認為是門戶型網站。

再來看看Google, YouTube, Facebook, Flickr!, eBay等知名站點，它們的首頁寬度沒什么固定規律，共同的特點是：功能專一，頁面結構相對簡單。

根據上面的簡單分析可以認為：當搭建頁面結構復雜的門戶型網站時，開發工程師們不約而同地都選擇將頁面寬度定為950px/960px.

這是一件很有趣的事情，為什么要選擇這個寬度呢？這個寬度值究竟有什么魔力？

神奇的960

設計師們對蘋果情有獨衷。在 1024 x 768 的分辨率下，打開Firefox：

自然狀態下，Firefox窗體的大小約為 974 x 650. 減掉左右兩邊7px的邊框，網頁的實際大小為上圖中的紅色部分，高寬為 960 x 650.

有趣的960就這樣出現了。是的，可以認為一切就這么簡單。柵格系統最早出現在平面設計領域，設計師們愛用蘋果，蘋果下瀏覽器的默認寬度為960px, 于是960就這么“自然”地出現了。

數字背后的奧妙

上面的“自然”出現，細究自然是不讓人信服的。蘋果系統的設計者們在沒有喝醉酒的情況下選擇了960，而不是其它什么1000之類的整數，自然另有奧妙。

科學界有很多問題都可以歸結到數學問題上，我們也從數學著手：

960可以分解為2的6次方乘以3和5, 這使得960可以分割成以下寬度的整數倍：

2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40,

48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480

共26種（26 = 7 * 2 * 2 - 2, 減去2是去掉1和960自身），我們標記為：

N(960) = N(2^6 * 3 * 5) = 26

根據上面的算法，可以得到：

N(360) = N(2^3 * 3^2 * 5) = 22

N(480) = N(2^5 * 3 * 5) = 22

N(720) = N(2^4 * 3^2 * 5) = 28

N(750) = N(2 * 3 * 5^3) = 14

N(800) = N(2^5 * 5^2) = 16

N(960) = N(2^6 * 3 * 5) = 26

N(1000) = N(2^3 * 5^3) = 14

N(1024) = N(2^10) = 9

N(1440) = N(2^6 * 3^2 * 5) = 34

N(1920) = N(2^7 * 3 * 5) = 30

根據直覺（嚴格證明也不難，不過還是留給數學系的學生去證明吧），我們得到一個有趣的結論：

要使得N(width)最大，width的取值有兩個系列：

A系列： …, 320, 720, 1440, …

B系列： …, 480, 960, 1920, …

N越大，可組合的寬度值就越多。對柵格系統來說，這意味著越靈活！

目前絕大多數顯示器都支持 1024 x 768 及其以上分辨率。為了有效的利用屏幕寬度同時保證柵格的靈活度，可以看出960是非常合適的。這樣，在目前主流顯示器下，960就成為網頁柵格系統中的最佳寬度了。（也許不久的將來，將會流行1440）首先澄清一個應用場景問題。研究(1)中指出，對于結構復雜的網站，不少設計師們喜歡采用960固定寬度布局。但要注意的是，960并不是萬能鑰匙，大部分網站沒有也不需要柵格系統。Amazon采用的是寬度自適應布局，最大限度的呈現信息。Google更是簡簡單單，主題部分就一個列表。eBay的頁面非常簡潔，商品頁面寬度自適應，信息自然流暢，噪音少，購物很踏實。類似的站點還有很多，對于這些站點來說，寬度自適應布局更受青睞。

有個很有意思的網站是Yahoo!, 看起來是固定寬度布局，實際上在CSS中只要去掉一行，就能搖身一變自適應寬度了：

以下為引用的內容：

#page { width: 70em;}

為什么Yahoo!最后選擇了定寬布局呢?這很可能是因為定寬布局比寬度自適應布局更容易控制。對于結構復雜的網站來說，可維護性和可擴展性非常重要。Yahoo!是以信息展示為主的門戶型網站，960的寬度對于信息的閱讀比較友善(Joe Clark寫了一篇屏幕閱讀時有關行長的有趣文章)。種種因素使得Yahoo!最后采用了定寬布局(Tommy Olsson總結了每種布局設計的優缺點)。

這里將只關注定寬布局，適用的場景是搭建復雜的門戶型網站。對于寬度自適應布局和相應的柵格系統，暫不討論(根據實現的技術手段不同，寬度自適應布局又分為流體布局和彈性布局。我個人蠻喜歡彈性布局，以后有時間再研究)。

好了，已經將范圍縮小到定寬布局的網頁柵格系統，那我們開始吧。

并不遙遠的750

還記得800×600的顯示器不?雖然才時隔幾年，感覺卻好像是上個世紀的事了。Mark Boulton做了最早的探索：

將750分割成均等的6份，這就形成了柵格系統，稍加組合劃分就形成了兩欄布局和三欄布局。Mark Boulton還研究了Gutter(垂直欄之間的間隙)對柵格的影響，有興趣的可以閱讀原文，或者跟著我往下看吧，下面將詳細闡述。

幾個術語和一個公式

一個標準的柵格系統，包括以下部分：

將Flowline的總寬度標記為W, Column的寬度標記為c, Gutter寬度標記為g, Margin的寬度標記為m, Column的個數標記為N, 我們可以得到以下公式：

W = c * N + g * (N - 1) + 2 * m

一般來說，Gutter的寬度是Margin的兩倍，上面的公式可以簡化為：

W = c * N + g * (N - 1) + g = (c + g) * N

將c+g標記為C, 公式變得非常簡單：

W = C * N

上面的公式就是柵格系統的基礎，很簡單吧。

950的來歷

具體應用時，Margin其實是一個空白邊，從視覺上看并不屬于總寬度。不少柵格設計里習慣性地設定Gutter為10px, 這樣Margin就是5px. 當W為960，分割成6列時，柵格如下圖：

上圖的處理是左右Margin各為5px. 也可以將Margin集中放在一邊，比如右邊：

無論Margin放在何處(這只影響技術實現，不影響設計)，我們真正要關注的是去除Margin之后的部分：

這就是我們要真正關注的950!將W的含義變為去除Margin的總寬度，公式變化為：

W = N * C - g

將上面的公式實例化一下：

950 = 12 * 80 - 10

950 = 16 * 60 - 10

950 = 24 * 40 - 10

這就形

很赞哦!（2）