Vue project video picture article community video and picture loading problem

problem description

when using the vue development community website to draw up user browsing data browsing headlines or watermelon videos, there is a preview of the video or picture when browsing the app on the mobile end. Click on the preview image to browse the video or picture directly. Why the app I made has to wait until the video has been downloaded before it can be played, while theirs is when you click to play. How do you play a little data and request a little data? is it the front-end technology or the server-side technology?

the environmental background of the problems and what methods you have tried

add video preview picture list using preloading technology

Html5 javascript php node.js html

Apr.12,2022

if I understand it correctly, do I want to execute the code after the video is loaded? If so, please see if the following is what you like.
H5 has a video monitoring event: canplaythrough, which can monitor whether the video / audio has been loaded. An example is as follows:

.addEventListener('canplaythrough',function(){ 
    //;
    });

Previous: How to traverse QCheckBox in QGridLayout in qt5

Next: Null special conversion

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b37b47-2b909.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b37b47-2b909.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?