This WordPress plugin is developed based on ByteDance’s open-source project, Watermelon Player. The Watermelon Player can help save bandwidth.
Plugin Features:
– Supports only MP4 and M3U8 videos
– Video screenshot support
– Multiple video support
– Next episode switch
– Picture-in-picture mode
– Shortcode integration
– Playback speed control
– Full-screen mode
– Right-click menu disabled
– Classic editor shortcuts
– Gutenberg editor shortcut integration
Plugin Name: WordPress Watermelon M3U8 Video Player
Plugin File Size: 3MB
The plugin code is open-source and includes some comments and documentation.
Plugin Drawbacks:
Due to extensive use of JS code, it may not be compatible with your website.
Plugin Video Preview:
ByteDance Watermelon Player:
ByteDance’s video business primarily focuses on short videos. Initially, we developed on top of video.js. We later realized that many features did not meet our requirements, such as custom UI costs, seamless video quality switching, and bandwidth savings. Considering that MP4 remains dominant in video-on-demand, we made a bold assumption: load videos, parse, and convert formats at the player end to dynamically support MP4 without needing to convert the source video format, thus avoiding server-side overhead. Driven by this, we completed the development by the end of 2017 and tested its stability and economic benefits in early 2018.
In this context, we parsed various formats like HLS and FLV, reducing reliance on third-party video libraries. The unified underlying parsing library significantly decreased the size while supporting multiple formats. Mastering the underlying technology allows for optimization. While overcoming challenges with HLS and FLV parsing, we enhanced the product experience with interactive effects and entry animations. Recently, we decided to improve the documentation and open-source the player code to provide more references for video professionals, fostering collaboration and mutual growth.
https://h5player.bytedance.com/en/about/