云广网是一个提供在线视频播放服务的网站。通过使用HTML和CSS代码,网站实现了以下几个主要特点:

  1. 视频播放器样式:在网页中使用了.video-js类来定义视频播放器的宽度和高度,设置为300像素宽和150像素高。同时,.vjs-fluid类用于适配不同尺寸的设备,并确保视频播放器在移动设备上能够自适应填充屏幕。

  2. 直播视频尺寸:为了适应不同的直播视频尺寸,.live-video-dimensions类被用于定义直播视频的宽度和高度,分别为300像素和168.75像素。此外,.live-video-dimensions.vjs-fluid类与.vjs-fluid类类似,用于确保直播视频在移动设备上的自适应显示。

  3. 文字框样式:在网页中使用了.tuwen2-main-box-txt类来定义一个文本框,其背景颜色为半透明黑色(RGBA值为(0, 0, 0, 0.5)),文字颜色为白色(#fff),字体大小为18像素。文本框的位置位于页面底部左侧,具有固定的宽度314像素和上下外边距为8像素。该文本框还具有溢出隐藏的效果。

  4. 按钮样式:网页中的.clik-show-ygw类用于定义一个按钮,其背景颜色为深灰色(#4c4c4c),高度为70像素。

  5. 页面缩放和最小宽度设置:通过将body元素的zoom属性设置为92%,可以实现页面内容的放大效果。另外,min-width: 1400px;用于确保页面在宽度小于1400像素时仍能正常显示。背景颜色设置为浅灰色(#f5f5f)。

云广网网站通过运用HTML和CSS代码实现了一个具有视频播放器、直播视频尺寸控制、自定义文字框和按钮等功能的在线视频播放平台。