Shulou(Shulou.com)06/01 Report--

This article will explain in detail the example analysis of scrolling bar inspection in EasyCVR integrated iframe playback screen. The editor thinks it is very practical, so I hope you can get something after reading this article.

A construction site project team uses EasyCVR to call iframe addresses for integration, integrating videos from different addresses into its existing business platform, but under the split page, some of the players have the problem of displaying scrollbars.

Local inspection found that a scroll bar will appear when the mouse is moved over the video, and it is normal to test on the console if the head is removed, so the problem here should be related to the head. The test found that whenever the head is displayed, the width of the video will be enlarged, resulting in a scroll bar in the player.

Find the Player.vue file of the project to modify the style code, and rewrite the field here to be adaptive. The reference code is as follows:

.player-pages-box {overflow: hidden; position: relative; margin: auto; padding-bottom: 56.25%;}

EasyCVR can be used as the management platform of the construction site center, and it can also be called through integration. In addition, it can also cascade with other platforms through the national standard GB28181 protocol, which can realize network data collection, storage, centralized management, network address resolution, and data transmission to the streaming media server.

This is the end of the article on "sample Analysis of EasyCVR Integrated iframe playback screen Scroll Bar troubleshooting". I hope the above content can be helpful to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.