HTML是網頁開發中的重要內容，頁面中的視頻播放也是HTML中的重要內容之一。在html中，通過設置video的width屬性，可以設置視頻的寬度。下面我們來看一下如何設置視頻寬度為100，以方便在網頁中更好的展示。

<video controls width="100">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

上述代碼中，設置了video標簽的width屬性為100，同時為了兼容各種瀏覽器，在video標簽內添加了兩個source標簽，分別用于支持MP4格式和OGG格式的視頻文件。當頁面無法支持video標簽時，就會顯示“Your browser does not support the video tag.”。

還需要注意的是，視頻的高度不要單獨設置，而是應該根據比例由系統自動計算，以保證視頻的寬高比例正確。

在實際項目中，視頻一般是以相對路徑的形式保存在服務器端，此時要將video標簽中的src屬性修改為實際視頻文件的相對路徑。而且為了方便用戶操作，在video標簽中可以添加一些控制功能，如控制條、開始/暫停按鈕等等。這些可以通過在video標簽中添加controls屬性來實現。

通過以上方法，我們可以輕松的設置HTML中視頻的寬度。在編寫網頁時，為了能夠更好的展示視頻、提高用戶體驗，還可以根據頁面需求添加一些其他的樣式效果，如邊框、水印、動畫等等。同時，為了保證視頻的播放效果，還應該注意網速、格式兼容等問題。