智听科技(ZhiTing Technology)是一家专注于提供智能音频解决方案的公司。他们的网站采用了响应式设计,可以适应不同设备的屏幕尺寸。在提供的素材中,我们可以看到一些CSS样式代码,用于设置视频播放器的尺寸和布局。

.video-js { width: 300px; height: 150px; }
.vjs-fluid { padding-top: 56.25%; }
.new-video-1194-dimensions { width: 500px; height: 350px; }
.new-video-1194-dimensions.vjs-fluid { padding-top: 56.25%; }

这些样式代码定义了视频播放器的宽度、高度以及在不同设备上的填充比例。例如,.video-js类设置了视频播放器的宽度为300像素,高度为150像素。.vjs-fluid类则设置了在具有56.25%宽高比的容器中的填充比例。.new-video-1194-dimensions类设置了视频播放器的宽度为500像素,高度为350像素,并在具有56.25%宽高比的容器中使用相同的填充比例。

通过应用这些样式代码,智听科技的网站可以确保视频播放器在不同设备上具有良好的显示效果和用户体验。