<video preload='auto' id='my-video'
src='cuplayer.mp4' webkit-playsinline='true'
playsinline='true'x-webkit-airplay='true'
x5-video-player-type='h5'
x5-video-player-fullscreen='true'
x5-video-ignore-metadata='true'
width='100%' height='100%'>
<p> 不支持video</p>
</video>
.fill { object-fit: fill; }
.contain { object-fit: contain; }
.cover { object-fit: cover; }
.none { object-fit: none; }
.scale-down { object-fit: scale-down; }
fill: Chinese interpretation of "filling". Defaults. The replacement content is stretched to fill the entire content box, and the original ratio is not guaranteed.
contain: Chinese paraphrase "contains". Keep the original size ratio. Ensure that the replacement content size must fit inside the container. Therefore, this parameter may leave blanks inside the container.
cover: Chinese interpretation of "cover". Keep the original size ratio. Ensure that the replacement content size must be larger than the container size, and at least one of the width and height is consistent with the container. Therefore, this parameter may make parts of the replaced content (such as images) invisible.
none: Chinese interpretation of "nothing". Keep the original size ratio. While maintaining the original size of the replaced content.
scale-down: Chinese interpretation of "lower". It is as if none or contain are set in turn, and the one with the smaller size is finally presented
My Popular Article Recommendations
- Effect test of online cloud director switching for multi-channel live video broadcasting
- How to convert the video into a QR code, scan the code and play it directly?
- Which websites upload videos without inserting ads?
- How to generate a QR code from a video? Scan the QR code on WeChat to watch? no advertising
- Commonly used photo size comparison table, the size of the photo is right in this table
- Live Video Streaming Strategy (Push Streaming Interfaces of Major Platforms Organized)
- HTML5 video double speed playback function
- Teach you a trick: how to realize list playback of multiple videos?
- How to implement the function of playing videos in the video list on the WeChat public account
- H5 video double-speed playback function (an example of video multi-speed viewing function)
- How to configure an FTP server
- How to Upload Files Using FTP (FTP File Transfer)
- OBS Live Tool User Guide/Tool for Pushing Live Video Sources to Servers by OBS
- QQ browser hijacks the video tag to load its own advertisement (how to solve it?)
- How to make your website play corporate videos without ads? mark
- Teach you to quickly configure FTP server in Win environment (complete graphic tutorial)
- How to encrypt video with html5-video tag
My video article recommendation
- How to make your website play corporate videos without ads? Mark it (supports upload, automatic transcoding, storage, and playback functions)
- The full version of the example of calling mp4 files from webpage code Coolcast v4.0 (the video must be processed by yourself)
- How to quickly access the corporate promotional video to the WeChat official account?
- Video QR Code Application Tutorial and User Guide
- One-click video QR code sharing function, so easy!
- How to convert the video into a QR code, scan the code and play it directly?
- H5 video double-speed playback function (an example of video multi-speed viewing function)
- QQ browser hijacks the video tag to load its own advertisement (how to solve it?)