I use a video element of h5 wrote a video on mobile web pages, but enlarge (video), after the points to open video again returned to the narrow (video), then video fixed number every time, will not move as the page scroll, I want to make video with page scrolling mobile, what should I do?? High level (feels like video, but don't know how to solve?)

CodePudding user response:

Use absolute positioning position: fixed

CodePudding user response:

I want to let him move

CodePudding user response:

Her master, how do you solve this problem?

CodePudding user response:

When need to display cover video frame video

Give div a wide high, overflow: hidden; Put the video in the div above, and set the position: absolute; Top: - 100000 px; To buy out the div, it can't see

When need to display video and set back to the position and value of the top line

I tested, can be used, I on the mobile end like this

CodePudding user response:

Trite,!!!!!

CodePudding user response:

Spare grass
CODE books
You look at tencent's source code,
http://sports.qq.com/a/20170308/021191.htm

CodePudding user response:

The building Lord, problem solving

CodePudding user response:

Small company to working as a program recently, also encountered this problem, the way I solution,
1 and video and add a view hierarchy, set the height of the view and the height of the video, and hide video (display: none)
2 in the view on the binding events, when the tap, control style (display: block),
Monitoring was over, after the completion of 3 when playing events, and will hide again video,

This is the general idea, the specific implementation details, please find relevant documents,

CodePudding user response:

This how to solve

CodePudding user response:

CodePudding user response:

X5 - video - player - type="h5 - page"

CodePudding user response:

X5 - video - player - type="h5 - page
"
Note x5 - playsinline its - playsinline playsinline x - its - airplay="true" don't mess with added instead have the effect that is less than expected