该网站主要使用了视频播放和地图展示的功能。以下是对提供的素材的简单介绍:

  • .video-js 类定义了一个宽度为300像素、高度为150像素的视频播放器容器。
  • .vjs-fluid 类设置了视频播放器的高度,使其占据可用空间的56.25%。
  • .amap-logo 类定义了一个显示在页面顶部的地图标识符,并禁用了鼠标事件,避免与页面元素重叠。
  • .vml 类引入了用于处理虚拟标记语言(VML)的样式表,以便在旧版浏览器中支持地图渲染。
  • .amap-custom 类指定地图容器的位置和大小,使其覆盖整个网页。
  • .amap-container img 类限制了地图容器中的图像的最大尺寸,以适应不同设备的大小。
  • .amap-container 类设置了地图容器的触摸行为为不可操作,并确保其位置相对定位,隐藏溢出部分,同时背景色为浅橙色(#fcf9f2)。

该网站通过使用上述CSS样式定义了一个具有视频播放器和地图展示功能的网页布局。视频播放器占据页面上方的一部分空间,而地图则位于底部或侧边栏,根据需要进行调整和布局。此外,还提供了一些针对不同浏览器的兼容性措施,例如使用 VML 技术以支持旧版浏览器。