Application Of Responsive Web Design Techniques In The Development Of Video Websites

With the development of computer technology, network users to use the small screen of mobile devices (such as tablets, mobile) Internet has become a trend, another large screen display is also rapidly spread, resulting in increasing the size of the gap between Internet devices. The face of vastly different kinds of terminal devices and screen resolu tion, the traditional method of web design looks bloated, and impossible for each termin al device designers to design a website dedicated system. This paper attempts to design development by way of response, allowing the system to build a page with access to dif ferent display size of the device and its own response, dynamic adjustment of the layout structure of the style element specifications, the same content presented in different form ats for different devices users systems. Through the design of such interactive systems can be achieved using the same set of code to make the site content on PC, tablet and smar t phone browsers normal display purposes.The paper work for the needs of SongJiang University City sports video website desi gn and development. Firstly background research status at home and abroad to do researc h on a more thorough analysis. Based on this, first used in the research responsive desi gn techniques and related technologies were introduced. Then the project site to conduct a comprehensive needs analysis, after the use of object-oriented ideas and techniques were designed website system summary, detailed design, system implementation and system te sting. The main function of the system is completed, including1) combined with jQuery using HTML5technology for custom video player2) the use of technology to achieve a particular style Media Query on different term inals of the page3) adopt a flexible layout of each page and make the page with the page size of th e display elements can be adjusted to changes;4) the use of web technology scaling Viewport control;5) completion of system management, such as video management, school manageme nt, user management Through the construction and use of the website, the website design specification on multiple platforms to facilitate users to enjoy video on any terminal equipment for the pr omotion of sports culture on campus provides a good platform. The system will further pl ay an important role in the future, for the majority of the video portals provide informati on support...