Advanced Responsive Video Embedder for Rumble, Odysee, YouTube, Vimeo, Kick … vs Code Snippet DM

The best WordPress plugin for videos? Supports close to everything you can imagine, still keeping it easy & simple. It is very likely the one and only plugin you will ever need to handle video embeds on your WordPress site(s). It goes far beyond just making your videos responsive! Features Classic Editor Adds “Embed Video” button to help you create very powerful [arve] shortcodes. Takes over WordPress embeds with URLs on their own line and [embed] shortcodes. Can take over WP’s default video file embeds. Block Editor (Gutenberg) Works with Embed, YouTube, Vimeo, Shortcode … blocks. Provides it’s own powerful ARVE Block with all the features the [arve] shortcode offers, with a nice UI and detailed settings descriptions. Elementor Provides a widget for the entire feature set of ARVE inside Elementor All Makes your video embeds more secure and enhances visitors privacy. Magically makes videos responsive you already embedded with WordPress default features. SEO friendly, lets you specify title, description, upload date to provide search engines with the schema.org data they like to have for better indexing. Pro can autofill this for you. No ‘lock in’ if you do not use the ARVE Gutenberg Block or [arve] shortcodes. Supports almost every video host that supports iframe embed codes. Embeds via pasting the URL in its own line just like WordPress! Optionally use very powerful Shortcodes instead. Clean shortcode syntax [arve url="https://youtu.be/yUCFRL43Zm4" parameters="start=30" ... /], no unnecessary shortcode wrapping. One shortcode or Block for all video providers. Responsive embeds with CSS, much better than with JavaScript. Tries to be as unobtrusive as possible, sets ‘hide brand’ variables if supported, disables related videos from other channels at the end … to help keep people on your site rather then going to YouTube or keep watching videos. Limited Autoplay (Mobile browsers usually prevent autoplay or allow it only muted. ARVE will automatically mute it but browser settings can still prevent it, even on Desktop) Custom URL parameters to use all options providers offer. Optional maximal width. Video alignment. Detailed description of options in-place. Automatic detected and custom aspect ratio. Supported Providers All providers with iframe embed codes Alugha, Archive.org, Bitchute, Brightcove, Brighteon, Dailymotion, Dailymotion Playlist, DTube, Facebook, Google Drive, mp4 or webm video files, ARVE general iframe embed, IGN, IMDB, Kickstarter, kla.tv, Mail.ru, myspace, v.qq.com, Rumble.com, ok.ru, RuTube.ru, TED Talks, TikTok, Twitch, Viddler, Vimeo, VK, Wistia, XTube, xHamster, Yahoo, Youku, YouTube, YouTube Playlist, Kick Reviews ★ ★ ★ ★ ★ Great plugin, great support I’ve been using this plugin (free version and pro add-on) for a few years now. It works very well for my purposes (mainly lazyload and lightbox functionality). Recently I had a support issue with the new version which required some intervention – it was a conflict with my theme. Nico, the developer, went above and beyond to get a fix promptly sorted out for me. Thank you Nico. ★ ★ ★ ★ ★ The best there is – I have tried many… Have downloaded and paid for at least 4 other video players that use lightbox. Each one has major flaws. This products works perfectly. If you use the OnSite Editor, then just copy the short code and it works great. [arve url=”https://www.youtube.com/watch?v=Z7g8-GxLTSc” /] For speed, the product uses the thumbnails from the server. So many of the other products do NOT do this and it slows the page rendering. This product should appear first on the WordPress search. Spent 3 days of my life wasted on other products, only to delete each one. [review by jodani][16] ★ ★ ★ ★ ★ Finally something that works So I have a responsive theme but on pages with you tube videos it wasn’t making the you tube videos fit in the mobile screen. I have spent the last hour trying many plugins and researching on google and finally I installed this. And I didn’t have to update any settings or anything just refreshed a post with videos and all the sudden it is beautiful and responsive on my mobile phone!!!!!! THANK YOU!!!! [review by happyecho][16] ★ ★ ★ ★ ★ Only Plug-in that worked I used a lot of high ranking plug-ins but they still broke my design. Downloaded this and worked right away. Thanks! ARVE Pro 10% off first year with discount code wporg. This plugin is financed by purchases of ARVE Pro. The development and support of this plugins has become a job for me, so I hope you understand that I can not make all features gratis and that you purchase it to get extra features and support the development. Disable links in embeds (killer feature!) For example: Clicking on a title in a YouTube embed will not open a new tab. Prevent video hosts to lead your visitors away from your site! Lazyload Make your site load faster by loading only an image instead of the entire video player on pageload. Lightbox Shows the Video in a Lightbox after clicking a Lazyload preview image Link ⇾ Lightbox Use simple links as triggers for opening Video Lightboxes Auto pause videos when another video is played Automatic or custom thumbnail images Automatic or custom titles on top of your thumbnails ‘Expand on click’ feature 2 hover & 3 play icon styles Responsive thumbnails (srcset) Feel good about yourself for supporting my 8+ years work on this plugin. Tons of hours, weekends … always worked on improving it Show the latest video of a YouTube channel by using the channel URL (updated/cached hourly) Get ARVE Pro ARVE Sticky Videos Keep videos on the screen when scrolling. Choose if videos should be pinned to the top of the screen. Like the YouTube app for example. For bigger screen choose a corner where a video should be pinned to. Like last.fm for example. Random Video Addon Display random video from: YouTube Playlist Vimeo Showcase Comma separated list of video URLs ARVE AMP When you use the AMP or ‘AMP for WP’ plugin you need this. It will display videos embedded with ARVE on AMP pages correctly No options, just works It creates , , elements For all other video hosts element is used Video files are also supported with Thanks Of course all the customers who bought a addon. Howard Iken of myfloridalaw.com top donor, super nice to me even if I was rude and not deserved it! Ilya Grishkov for bringing up the idea and the first code to cache thumbnail urls. Everybody giving constructive feedback, testing beta versions. Everybody who donated back in the days when this was donation based. Thanks to the developers of the software used in ARVE Bigger Picture, used in Pro Addon

Supports: Gutenberg, Elementor, TinyMCE and shortcode Display your code snippets in a stylish way inside your content. The plugin uses shortcodes and also very intuitive TinyMCE interface. Starting with v2.0.3, the plugin offers support to be used via a custom Elementor Widget. Starting with v2.0.1, the plugin offers support to be used via a custom Gutenberg block. It will continue to support the default way of adding the code snippet via shotcodes. Code Snippet DM was inspired by the Carbon project. We created a simple way to display your code snippets but also have control over the way it appears, thus making it more stylish. Also, on the front end in the top right you will find a Copy Code button that allows you to copy to clipboard the entired code snippet. The plugin provides you with a TinyMCE button that will allow you to display the code or an option to use a shortcode. You can open the shorcode [dm_code_snippet] and in the content inside and close it [/dm_code_snippet]. Elementor widget The Widget is called “Code Snippet DM” and can be found on the Basic list of Elementor Widget after you activate the plugin. Keywords that can be used to find it: code, snippet, dm. Once the widget is added in the Elementor editor, it can be customized via the sidebar settings that will appear for each widget. The sidebar will include all the settings that are available for the shortcode. Some of the settings will be applied in real time in your editor. The code styling (syntax highlight) and line numbers are only available on the front-end, in the editor you will not be able to preview the correct colors for the code or the line numbers. Gutenberg block The block is called “Code Snippet DM” and can be found in the embed section of Gutenberg blocks. Keywords that can be used to find it: code, snippet, dm. Once the block is added in the Gutenberg editor, it can be customized via the sidebar settings that will appear for each block. The sidebar will include all the settings that are available for the shortcode. Some of the settings will be applied in real time in your editor. The code styling (syntax highlight) and line numbers are only available on the front-end, in the editor you will not be able to preview the correct colors for the code or the line numbers. Shortcode Options There are a number of options that you can use in the shortcode: background with options yes or no will enable/disable the color background (Default yes) background-mobile with options yes or no will enable/disable the color background for mobile devices (Default yes) bg-color accepts any HEX, RGB or RGBA value to change the background color (Default #abb8c3) theme with options light or dark that changes the code editor theme (Default dark) slim with options yes or no that changes the code editor from default to a slim version, ideal for one-line code (Default no) line-numbers with options yes or no that will enable a left side line number for columns (Default no) language with options clike, css, javascript, markup, perl, php, python, ruby, sql, typescript, shell will highlight the syntaxes based on what you select for your code (Default php) wrap with options yes or no will wrap the code or add a horizontal scroll bar to display it as it is (Default no) height allows you to input any value and will set the code snippet height to that value. Example: 500px. (Default is empty) copy-text this is used for the text shown on the copy button. If it’s not added it will use the default option. (Default Copy Code) copy-confirmed this is used for the text shown after you click the copy button. If it’s not added it will use the default option. (Default Copied) Example of shortcode: [dm_code_snippet background="yes" background-mobile="yes" slim="no" line-numbers="no" bg-color="#abb8c3" theme="light" language="css" wrapped="no" height="500px" copy-text="Get the Code!" copy-confirmed="You have it!"] .dm-code-snippet.dark { background: $default-bg; padding: 40px 35px 45px 35px; margin: 30px 0; } [/dm_code_snippet] Important: * If you use the shortcode directly, make sure to wrap the code in as in the example above. * If you want to add HTML using the shortcode, you’ll need to escape the HTML before pasting it in the shortcode. (You can easily find an escape tool online to convert the code) * If you have code (not HTML) that uses ‘</’ and you add it with the shortcode and not the and the TinyMCE button, you will need to escape ‘</’ from your code in order to properly display it. Use the TinyMCE button if you don’t want to add the shortcode yourself. (see Screenshots)