Spaces:

miniwhite
/

video-vortex-showcase

Running

App Files Files Community

video-vortex-showcase / components

12.3 kB

1 contributor

History: 6 commits

miniwhite's picture

视频封面整个区域都可以进行点击播放，视频列表中视频详情有点赞功能

60a46cc verified 22 days ago

navbar.js

1.09 kB

`; } } customElements.define('custom-navbar', CustomNavbar); `; const playButton = this.shadowRoot.getElementById('play-button'); playButton.addEventListener('click', () => { const videoPlayer = document.querySelector('custom-video-player'); if (videoPlayer) { videoPlayer.playVideo(videoUrl); } }); } } customElements.define('custom-video-card', CustomVideoCard); `; const modal = this.shadowRoot.querySelector('.video-player-modal'); const videoElement = this.shadowRoot.getElementById('video-element'); const closeButton = this.shadowRoot.getElementById('close-player'); closeButton.addEventListener('click', () => { modal.classList.remove('active'); videoElement.pause(); videoElement.currentTime = 0; }); // Expose playVideo method to be called from outside this.playVideo = (videoUrl) => { videoElement.src = videoUrl; modal.classList.add('active'); videoElement.play(); }; } } customElements.define('custom-video-player', CustomVideoPlayer); 22 days ago
search-bar.js

1.27 kB

`; } } customElements.define('custom-navbar', CustomNavbar); `; const playButton = this.shadowRoot.getElementById('play-button'); playButton.addEventListener('click', () => { const videoPlayer = document.querySelector('custom-video-player'); if (videoPlayer) { videoPlayer.playVideo(videoUrl); } }); } } customElements.define('custom-video-card', CustomVideoCard); `; const modal = this.shadowRoot.querySelector('.video-player-modal'); const videoElement = this.shadowRoot.getElementById('video-element'); const closeButton = this.shadowRoot.getElementById('close-player'); closeButton.addEventListener('click', () => { modal.classList.remove('active'); videoElement.pause(); videoElement.currentTime = 0; }); // Expose playVideo method to be called from outside this.playVideo = (videoUrl) => { videoElement.src = videoUrl; modal.classList.add('active'); videoElement.play(); }; } } customElements.define('custom-video-player', CustomVideoPlayer); 22 days ago
video-card.js

4.43 kB

视频封面整个区域都可以进行点击播放，视频列表中视频详情有点赞功能 22 days ago
video-player.js

5.47 kB

没有增加视频播放弹层的播放功能 22 days ago