Having the same video in different formats is the only way to do what you want. That’s how YouTube and other video services do it. If you have FFMPEG installed on your server, my plugin can automatically encode those other formats for you. If you don’t have FFMPEG on your server, you can make the different formats yourself.
Unless your video is very long, it probably doesn’t need to be 500MB in the first place. I recommend compressing it with Handbrake before uploading.
Thread Starter
jse4
(@jse4)
Thanks for reply and giving your time.
I have installed LIBAV installed on my server. If I go to plugin settings (LIBAV Tab) and select defaults video encode formats : { 1080p H.264, 720p H.264, 360p H.264) and click encode videos previously encoded.
I create a new post and added this video with “add Media” button and creates it with [KGVID] tag. But there is no quality switcher on video player :/
Thanks again
I would start by verifying that the other formats were encoded. Look at the video in the media library and you should see a list of “Additional Formats” and if they were encoded you will have the option to delete them. If there was an error you should see an error message. If you don’t have either one of those, try selecting the formats you want and then click the “Encode” button.
If the formats were encoded, then there might be a JavaScript error on your page. If you post a link to the post with the video embedded I can help troubleshoot it.
Thread Starter
jse4
(@jse4)
I solved that problem. Which the way to include your video by code? I mean that I got an iframe which video is shown with src tag and I just want to implement yours there.
The URL for making an embedded player is http://www.example.com/?attachment_id=XXX&kgvid_video_embed[enable]=true replace example.com with your website URL and XXX with the post ID of your main video. For example, a URL to embed a video on my website: https://www.kylegilman.net/?attachment_id=3450&kgvid_video_embed[enable]=true
Thread Starter
jse4
(@jse4)
I mean that I have a plugin that creates a video gallery and generates a divs for each video thumbnail. And there is a main iframe video which only change his src tag onclick thumbnail.
I wanna implement this with your video player. Can be possible?
Thanks again.
I’m sure it’s possible, but I don’t know what that plugin is or how it works. If you can modify it so that it changes the iframe source to the URL I posted earlier, then that will work. Otherwise it won’t work. You could also try using my plugin’s video gallery functions.
Thread Starter
jse4
(@jse4)
It won’t work using a direct link to the .mp4 file. Look again at the structure of the URL I posted. It doesn’t include the filename at all.
The structure is this: http://www.example.com/?attachment_id=XXX&kgvid_video_embed[enable]=true
http://www.example.com/ the site URL only. Not /wp-content/uploads
?attachment_id=XXX XXX is the ID of the video in the WordPress database. This redirects to the attachment page if you don’t include the rest of the command.
&kgvid_video_embed[enable]=true the command that lets the server know you only want an embeddable video player and not a full web page.
Thread Starter
jse4
(@jse4)
First of all, thank you for your helping. Finally I get my goal.
When the Iframe opens the video isn’t in the middle of the iframe panel. How to adjust this?
It would be easier if I could see the page so I can troubleshoot it, but my guess is the iframe is too short. The video should resize to fill the container, but it is constrained by the aspect ratio, so if the iframe is too short it would make the video smaller and over to the left.
