网站介绍
这是一个使用Video.js和Vue Cropper的网站。视频播放器的高度为150像素，宽度为300像素。Vue Cropper是一个用于图像裁剪的Vue组件库，可以实现响应式布局和触摸友好的操作体验。
播放器样式
.video-js类定义了视频播放器的宽度和高度。
.vjs-fluid类设置了播放器容器的填充比例为原始大小的56.25%,以确保在不同分辨率下保持一致的纵横比。
图片裁剪器样式
.vue-cropper[data-v-6dae58fd]类选择器用于选择该页面中的特定图片裁剪器组件。它具有以下样式属性：
position: relative;:将元素的定位方式设置为相对定位。
width: 100%; height: 100%;:将元素的宽度和高度设置为100%,以覆盖整个容器。
box-sizing: border-box;:将元素的边框盒模型设置为border-box,以便正确计算宽度和高度。
user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;:禁止用户选中该元素及其子元素。
direction: ltr;:设置文本方向为从左到右。
touch-action: none;:禁止触摸事件在元素上冒泡。
text-align: left;:将文本对齐方式设置为左对齐。
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWH:设置背景图像作为背景图片。
这个网站使用了HTML、CSS和JavaScript技术，通过Video.js播放视频和Vue Cropper实现图片裁剪功能。它可以适应不同的设备和屏幕尺寸，提供良好的用户体验。
