Tag:Full screen

  • HTML5 audio API events

    Time:2021-1-23

    Audio API events     Play () video playback audio <span style=”background-color: #f5f5f5; color: #800000;”> audio</span><span style=”background-color: #f5f5f5; color: #000000;”>{</span><span style=”background-color: #f5f5f5; color: #ff0000;”> width</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>500px</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span> <span style=”background-color: #f5f5f5; color: #000000;”>}</span> <span style=”background-color: #f5f5f5; color: #0000ff;”>var</span><span style=”background-color: #f5f5f5; color: #000000;”> myaudio</span><span style=”background-color: #f5f5f5; color: […]

  • Android uses WebView to realize the function of full screen switching and playing web video

    Time:2021-1-16

    First write the layout file activity_ main.xml : <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android” xmlns:tools=”http://schemas.android.com/tools” android:id=”@+id/container” android:layout_width=”fill_parent” android:layout_height=”fill_parent” android:orientation=”vertical”> <FrameLayout android:id=”@+id/video_view” android:layout_width=”fill_parent” android:layout_height=”fill_parent” android:visibility=”gone” ></FrameLayout> <Button android:id=”@+id/video_landport” android:layout_width=”fill_parent” android:layout_height=”wrap_content” android:text= “Do not display this button in full screen, click to switch to horizontal screen” android:gravity=”center” /> <WebView android:id=”@+id/video_webview” android:layout_width=”fill_parent” android:layout_height=”fill_parent” /> </LinearLayout> Principle: when realizing full screen, put the […]

  • Webpack series learning (2) webpack dev server

    Time:2020-12-25

    In this chapter, let’s learn the configuration of webpack dev server1、 Install webpack dev servercnpm i webpack-dev-server -D webpack.config.js The configuration is as follows //Development server devserver: used for automation (automatic compilation, automatic browser opening, automatic browser refresh) //Features: only compile and package in memory, no output devServer: { //Directory to run code contentBase: resolve(__dirname, […]

  • CSS3: Transform causes the fixed positioning of child elements to become absolute positioning

    Time:2020-11-28

    <!DOCTYPE html> <html> <head> <style> body { Background: ᦇ 60; // orange } .parent { position: fixed; width: 300px; height: 300px; right: 0; top: 0; Background: ා02bd00; // Green transform: translateX(0); } .child { position: fixed; left: 0; right: 0; top: 0; bottom: 0; Background: RGBA (0,0,0,0.2); // black transparent: Mask } </style> </head> <body> […]

  • Vue imitation layer.js Layer module vlayer

    Time:2020-11-22

    introduce VLayerBased on vue.js The pop-up component of PC webpage is developed. collectionmsg|alert|dialog|notify|popover|toast|actionsheetAnd many other functions in one beautiful bullet frame components. Support drag and drop, zoom, maximize | full screen and other functions. As shown in the above figure, the following is a brief introduction to the specific implementation process. Rapid introduction staymain.jsThe components […]

  • Vue imitation layer.js Layer module vlayer

    Time:2020-11-22

    introduce VLayerBased on vue.js The pop-up component of PC webpage is developed. collectionmsg|alert|dialog|notify|popover|toast|actionsheetAnd many other functions in one beautiful bullet frame components. Support drag and drop, zoom, maximize | full screen and other functions. As shown in the above figure, the following is a brief introduction to the specific implementation process. Rapid introduction staymain.jsThe components […]

  • #JS realizes browser’s full screen and exit full screen

    Time:2020-11-7

    JS realizes browser’s full screen and exit full screen For more daily use of the public class operation method, you can pay attention to the small pulley website http://www.feiaci.com/#/self/… /** *Full screen */ let toFullScreen = () => { let el = document.documentElement; let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; //typeof rfs […]

  • Solve the problem that Ubuntu can’t full screen

    Time:2020-10-26

    problem   when opening the Linux operation interface in VM VirtualBox, click the full screen mode in the view, but the actual interface size does not change. As shown in the figure below: solve Search setting in the interface to find the settings Open settings and find display options Change the resolution After modifying the […]

  • Using process of uniapp love to play small gray video player

    Time:2020-10-8

    General usage process of native plug-ins: Purchase the plug-in and select the project to which the plug-in is bound. Find the project in hbuilderx and check the module in the native app plug-in configuration of manifest. If you need to fill in parameters, please refer to the plug-in author’s document to add. According to the […]

  • Front end interview daily 3 + 1 – day 462

    Time:2020-9-27

    Today’s knowledge points (July 21, 2020) – day 462(I’m going to make a question, too) [html] How does HTML5 listen to video full screen and exit full screen? [css] How to set the gap between fonts? [js] use window.open (URL) why is the browser intercepted when downloading files? How to solve it? [soft skills]Do you […]

  • Very simple REM adaptation of web mobile terminal

    Time:2020-9-24

    REM to do mobile terminal adaptation has been loved by the majority of web developers. In fact, it is very easy to do REM simply. Only three introductions are needed. HTML The meta section made the adaptation statement: <! — Name: viewport; content: width = device width, initial scaling = 1.0, user scaling = no, […]

  • I wrote a screenshot tool

    Time:2020-9-6

    It’s very simple, that is, first take a full screen shot, and then crop it as needed. Therefore, to get the size of the desktop, the code is as follows: public class PrimaryScreen { #region Win32 API [DllImport(“user32.dll”)] static extern IntPtr GetDC(IntPtr ptr); [DllImport(“gdi32.dll”)] static extern int GetDeviceCaps( IntPtr hdc, // handle to DC int […]