| | |
| | | left: 50px; |
| | | " |
| | | > |
| | | {{ item.name }}{{ item.community }} |
| | | {{ item.community }}-{{ item.name }} |
| | | </div> |
| | | <video |
| | | :id="item.id" |
| | |
| | | mounted() {}, |
| | | methods: { |
| | | loadVideo(item) { |
| | | if (item.platResourceId) { |
| | | if (Hls.isSupported()) { |
| | | var video = document.getElementById(item.id); |
| | | var hls = new Hls(); |
| | | videoPoint.getVideoPointUrl(item.platResourceId).then((res) => { |
| | | |
| | | if (res.code === 0) { |
| | | hls.loadSource(res.data); |
| | | hls.attachMedia(video); |
| | |
| | | }, 2000); |
| | | } |
| | | }); |
| | | } |
| | | } else { |
| | | this.$message.error("暂无视频"); |
| | | } |
| | | }, |
| | | getVideoPointList(data) { |
| | |
| | | }); |
| | | }, |
| | | create(item) { |
| | | if (item.code) { |
| | | const DHWsInstance = DHWs.getInstance(); |
| | | this.ws = DHWsInstance; |
| | | console.log(this.ws); |
| | |
| | | console.warn(res); |
| | | }); |
| | | }, 1000); |
| | | } else { |
| | | this.$message.error("暂无视频"); |
| | | } |
| | | }, |
| | | |
| | | destroy() { |
| | |
| | | video::-webkit-media-controls-toggle-closed-captions-button { |
| | | display: none; |
| | | } |
| | | |
| | | |
| | | </style> |