在手機端的網頁設計中，使用背景視頻可以增加頁面的吸引力和視覺效果，提高用戶體驗。但是，為了在移動端實現背景視頻，需要做一些特殊的設置和優化。

body {
background-image: url(bg-image.jpg);
background-position: center top;
background-size: cover;
}
@media only screen and (max-width: 767px) {
body { 
background: none;
}
#wrapper {
background: #000;
position: relative;
overflow: hidden;
width: 100%;
height: 330px;
}
#wrapper video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translateX(-50%) translateY(-50%);
}
}

在上述代碼中，我們首先設置了一個針對移動端的媒體查詢，只有在屏幕尺寸小于767px時才會執行以下代碼。我們將body背景設置成背景圖片，然后將移動端的背景設置成黑色，并且設置了一個相對定位的div，這個div用來包含視頻元素，以便我們對其進行定位和縮放。

在div里面，我們將視頻設置為絕對定位，然后將它的位置調整到父容器的中心。我們還將視頻的最小寬度和高度都設置為100%，以保證視頻總是會占滿整個容器。最后，我們將視頻的寬度和高度設置為自動，讓其根據容器的大小自適應。

在為移動端添加背景視頻時，還有一些其他的考慮因素。例如，視頻大小和格式需要進行優化，以確保用戶在加載速度和流暢性方面獲得最佳體驗。同時，還需要考慮如何在非WIFI條件下限制視頻的自動播放等問題。

綜上所述，使用背景視頻可以使移動端的網頁設計變得更加生動和豐富。但是，需要在技術和性能方面進行合理的優化和設置，以提供良好的用戶體驗。