在WEB前端开发中，常常会遇到需要在不同屏幕尺寸上呈现不同样式的需求。这时候，就需要用到Bootstrap提供的响应式布局。其中，hidden-xs、hidden-sm等类名可以在不同屏幕尺寸下隐藏元素或者显示元素。
hidden-xs和hidden-sm用法
Bootstrap提供了几个隐藏元素的类，可以根据屏幕的大小进行筛选。其中，hidden-xs和hidden-sm是最常用的两个类。hidden-xs表示在超小屏幕（手机）上隐藏元素，而hidden-sm表示在小型屏幕（平板）上隐藏元素。
hidden-xs和hidden-sm的代码实现
/* 在超小屏幕上隐藏 */
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
/* 在小型屏幕上隐藏 */
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
上述代码表示，在超小屏幕上（最大宽度为767px）隐藏.hidden-xs类的元素，在小型屏幕上（宽度在768px和991px之间）隐藏.hidden-sm类的元素。
hidden-xs和hidden-sm的视频下载问题
在具体应用中，hidden-xs和hidden-sm可以用于在响应式布局中控制元素的显示和隐藏。比如，在一个网站的PC端页面中，可以通过hidden-xs或hidden-sm隐藏一些元素，使其在手机端页面中不显示。
至于标题中提到的视频下载问题，并没有和hidden-xs、hidden-sm有太大的关系。hidden-xs和hidden-sm虽然可以控制元素的显示和隐藏，但它们并不可以用于下载视频。若需要下载视频，可以使用浏览器自带的下载功能或第三方下载插件。
结论
通过使用Bootstrap中的hidden-xs和hidden-sm类，可以实现在不同屏幕尺寸下隐藏元素或者显示元素的功能。其实现原理是利用了@media查询，根据不同屏幕宽度设置相应的样式。但hidden-xs和hidden-sm并不可以用于下载视频，这需要使用其他方法实现。
以上便是关于hidden-xs和hidden-sm的作用以及代码实现的讲解。