{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":1689642388897},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1689642396086}],"contextDependencies":[],"result":["\r\nexport default {\r\n  name: \"thirtyFiveKV\",\r\n  data() {\r\n    return {\r\n      // 视频播放器配置\r\n      playerOptions: {\r\n        height: 400,\r\n        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度\r\n        autoplay: false, // 如果true,浏览器准备好时开始回放。\r\n        muted: false, // 默认情况下将会消除任何音频。\r\n        loop: false, // 导致视频一结束就重新开始。\r\n        preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\r\n        language: \"zh-CN\",\r\n        aspectRatio: \"16:9\", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\r\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\r\n        sources: [\r\n          {\r\n            type: \"video/mp4\", // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目\r\n            src: require(\"../assets/videos/video.mp4\"), // url地址\r\n          },\r\n        ],\r\n        poster: require(\"../assets/images/sun.png\"), // 你的封面地址\r\n        // width: document.documentElement.clientWidth, //播放器宽度\r\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\r\n        controlBar: {\r\n          timeDivider: true,\r\n          durationDisplay: true,\r\n          remainingTimeDisplay: false,\r\n          fullscreenToggle: true, // 全屏按钮\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\n",{"version":3,"sources":["thirtyFiveKV.vue"],"names":[],"mappings":";AAoBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"thirtyFiveKV.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"stationBuilding\">\r\n    <!-- <video-player\r\n      class=\"video-player vjs-custom-skin\"\r\n      style=\"heght:100%;width:100%\"\r\n      ref=\"VideoPlayer\"\r\n      :playsinline=\"true\"\r\n      :options=\"playerOptions\"\r\n      > \r\n      </video-player> -->\r\n    <div class=\"stationContent\">\r\n      <div class=\"systemText\">\r\n        <i class=\"el-icon-loading\" style=\"color: #4bfffd; font-size: 80px\"></i>\r\n        <p style=\"font-size: 30px;color:#fff\">系统正在加载中...</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"thirtyFiveKV\",\r\n  data() {\r\n    return {\r\n      // 视频播放器配置\r\n      playerOptions: {\r\n        height: 400,\r\n        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度\r\n        autoplay: false, // 如果true,浏览器准备好时开始回放。\r\n        muted: false, // 默认情况下将会消除任何音频。\r\n        loop: false, // 导致视频一结束就重新开始。\r\n        preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\r\n        language: \"zh-CN\",\r\n        aspectRatio: \"16:9\", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\r\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\r\n        sources: [\r\n          {\r\n            type: \"video/mp4\", // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目\r\n            src: require(\"../assets/videos/video.mp4\"), // url地址\r\n          },\r\n        ],\r\n        poster: require(\"../assets/images/sun.png\"), // 你的封面地址\r\n        // width: document.documentElement.clientWidth, //播放器宽度\r\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\r\n        controlBar: {\r\n          timeDivider: true,\r\n          durationDisplay: true,\r\n          remainingTimeDisplay: false,\r\n          fullscreenToggle: true, // 全屏按钮\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.stationBuilding {\r\n  width: 1722px;\r\n  height: 982px;\r\n  background: url(\"../assets/images/stationBuildingKuang.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  padding: 15px 25px;\r\n  z-index: 100;\r\n  .stationContent {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(\"../assets/images/zhifu.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    .systemText {\r\n      position: absolute;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n}\r\n</style>"]}]}