] the outermost layer is the video of the container width is high, I'm a let it full of the whole page, but played only among video that block size, next to leave big black side, particularly bad, how to fill the whole video container with the screen, the start when video preview figure, too, have black blank, really ugly, advice on how to solve

CodePudding user response:

Section post out and see!
www.xttblog.com
www.codedq.net

CodePudding user response:

This not too clear, but generally similar js component will bring full screen function, you carefully check the document, I use the jwplayer have full screen components can be used by default

CodePudding user response:

Seems to have a fullscreen interface can be implemented, but compatibility problems

CodePudding user response:

full screen

 myPlayer. EnterFullScreen (); 

leave full-screen

 myPlayer. EnterFullScreen (); 

CodePudding user response:

How to solve the building Lord,,, I also encountered this problem

CodePudding user response:

Video element have a fucking attribute is, width, and high school one of the properties met the edge of the parent box, the video is not adaptive or follow the CSS styles,
Solution, only give width: 100%; Don't height attributes

CodePudding user response:

The building Lord how to solve?

CodePudding user response:

6th floor positive solution. Thank you

CodePudding user response:

Outside the video element nested a div tags, control the size of the video in the label style="width: 500 px; Height: 500 px ", in the video element to add style="object - fit: the fill. Width: 100%; Height: 100% "video at this time will be flat out wide high for 500 px play window

 
& lt; Div style="width: 500 px; Height: 500 px "& gt; 
& lt; Video style="object - fit: the fill; Width: 100%; Height: 100% "& gt; 
& lt;/video> 
& lt;/div> 

CodePudding user response:

For video. Js, how to display the download button, click save to download the video after the phone photo album?

CodePudding user response:

Outside the video element nested a div tags, control the size of the video in the label style="width: 500 px; Height: 500 px ", in the video element to add style="object - fit: the fill. Width: 100%; Height: 100% "video at this time will be flat out wide high for 500 px play window
& lt; Div style="width: 500 px; Height: 500 px "& gt;
& lt; Video style="object - fit: the fill; Width: 100%; Height: 100% "& gt;
& lt;/video>
& lt;/div>

CodePudding user response:

Player=videojs (
` video `,
{
Fluid: true,
Muted: true,
TechOrder: [' HTML ', 'flash'],
ControlBar: {
fullscreenToggle : false,
VolumePanel: false,
},
},
()=& gt; {
Player, play ();
}
);

Set the red properties

CodePudding user response:

The building Lord, solve the problem

CodePudding user response:

Can get in touch

CodePudding user response:

Set the video element width can be high,