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

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

IMPORTANT: If updating from an earlier version of the plugin, please check the section named “Plugin Behaviour Changes”, below, for anything which could impact your existing set-up Code Embed allows you to embed code (JavaScript, CSS and HTML – it can’t be used for server-side code, such as PHP) in a post, without the content being changed by the editor. This is incredibly useful for embedding third-party scripts, etc. The plugin is used by many large sites, including Mozilla. Key features include… Add HTML or JavaScript to posts or pages – particularly useful for embedding videos! Embed in widgets using the Widget Logic plugin. Global embedding allows you to set up some code in one post or page and then access it from another. Modify the keywords or identifiers used for embedding the code to your own choice. Search for embedding code via a simple search option. Add a simple suffix to the embed code to convert videos to responsive output. Embed an external script directly using just the URL. Conforms to WCAG 2.1 AA standards. And much, much more! Iconography is courtesy of the very talented Janki Rathod. Please visit the Github page for the latest code development, planned enhancements and known issues. Getting Started To use this plugin, you need to have custom fields enabled on your site. If you’re using the block editor, you may need to switch this on first – please scroll down to the next section to learn how to do this. If you’re using the classic editor, then you’ll find the custom fields at the bottom of the editor screen. Although this plugin works for both posts and pages, for simplicity I will simply refer to posts – bear in mind that pages work in the same way. Once you have custom fields switched on, here’s how easy it is to use… Once you have the plugin installed, start a new post. Scroll down to the bottom of the screen and look for the “Custom Fields” section. Under “Add New Custom Field”, enter a name of CODE1 and your embed code as the value. In your post content, add {{CODE1}} where you wish the embed code to appear. And that’s it – when the post is viewed or previewed, {{CODE1}} will be replaced with the code that you asked to be embedded. This should get you started – for more information and advanced options, please see below. Alternatively, there’s a fantastic guide at Elftronix which I would recommend. Using this plugin with the block editor (aka Gutenberg) By default, custom fields are hidden inside the block editor but can be revealed. Edit or create a post. Click the settings button (three dots) in the top right-hand corner. Go to Preferences. Click the Panels tab. You will find a button to toggle the ‘Custom Fields’ meta box – make sure this is toggled to “on”. A button should appear titled “Enable & Reload” – you’ll need to click on that and wait for the page to reload before the custom fields will appear. Check out the screenshots for how the custom fields should look. I can’t find the custom fields For block editor users, I’m assuming you’ve done the above. For classic editor users, the custom fields should be present by default. In all cases they should appear at the bottom of the editor screen. From version 2.4, anyone without the “unfiltered HTML” capability won’t be able to use custom fields, for added security. Please see the section “Custom Field Security”, below, for more details. If none of the above applies, then you may have a theme or plugin that removes this or may have a problem with your WordPress installation – you will need to try the usual diagnostics to try and resolve this, including requesting help on the WordPress support forum. The Code Embed Options Screen While in WP Admin, if you go to Settings -> Code Embed, you’ll be able to access the options that are available for this plugin. Code embedding is performed via a special keyword that you must use to uniquely identify where you wish the code to appear. This consists of an opening identifier (something that goes at the beginning), a keyword and then a closing identifier. You may also add a suffix to the end of the keyword if you wish to embed multiple pieces of code within the same post. From this options screen, you can specify the above identifier that you wish to use. By default, the opening and closing identifiers are double braces and the keyword is CODE. During these instructions these will be used in all examples. The options screen is only available to those with a capability to manage options or greater. All the other Code Embed menu options are available to users with a capability to edit posts or greater. How to Embed Code To embed in a post, you need to find the meta box under the post named “Custom Fields”. If this is missing, you may need to add it by clicking on the “Screen Options” tab at the top of the new post screen. Now create a new custom field with the name of your keyword – e.g. CODE. The value of this field will be the code that you wish to embed. Save this custom field. Now, wherever you wish the code to appear in your post, simply put the full identifier (opening, keyword and closing characters). For example, {{CODE}}. If you wish to embed multiple pieces of code within a post, you can add a suffix to the keyword. So we may set up 2 custom fields named CODE1 and CODE2. Then in our post we would specify either {{CODE1}} or {{CODE2}} depending on which you wish to display. Don’t forget – via the options screen you can change any part of this identifier to your own taste. How to Embed Code from an External URL If you specify a URL within your post, surrounded by your choice of identifiers, then the contents of the URL will be embedded within your post. Obviously, be careful when embedding a URL that you have no control over, as this may be used to hijack your post by injecting, for example, dangerous JavaScript. For example, using the default options, you could embed the contents of a URL using the following method… {{http://www.example.com/code.php}} or {{https://www.example.com/code.html}} How to Use Global Embedding You can also create global embeds – that is, creating one piece of embed code and using it in multiple posts or pages. To do this, simply make reference to an already defined (but unique) piece of embed code from another post or page. So, let’s say in one post you define a custom field named CODE1. You can, if you wish, place {{CODE1}} not just in that post but also in another and it will work. However, bear in mind that the embed code name must be unique – you can’t have defined it in multiple posts, otherwise the plugin won’t know which one you’re referring to (although it will report this and list the posts that it has been used in). In the administration menu, there is a sidebar menu named “Tools”. Under this is a sub-menu named “Code Search”. Use this to search for specific embed names and it will list all the posts/pages that they’re used on, along with the code for each. Embedding in Widgets Natively, you cannot use the embed facilities within sidebar widgets. However, if you install the plugin Widget Logic, then Code Embed has been set up to make use of this and add the ability. Install Widget Logic and activate. In Administration, select the Widgets page from the Appearance menu. At the bottom there will be a set of Widget Logic options. Ensure ‘Use widget_content filter’ is ticked and press Save. Although you cannot set up embed code within a widget, you can make reference to it, for example by writing {{CODE1}} in the widget. Responsive Output Conversion Responsive output is where an element on a web page dynamically resizes depending upon the current available size. Most video embeds, for instance, will be a fixed size. This is fine if your website is also of a fixed size; however, if you have a responsive site then this is not suitable. Code Embed provides a simple suffix that can be added to an embed code and will convert the output to being responsive. This works best with videos. To use, when adding the embed code onto the page, simply add _RES to the end, before the final identifier. For example, {{CODE1_RES}}. The _RES should not be added to the custom fields definition. This will now output the embedded code at full width, dynamically resizing as required. If you don’t wish the output to be full width, you can specify a maximum width by adding an additional _x on the end, where x is the required width in pixels. For example, {{CODE1_RES_500}} will output CODE1 as responsive but with a maximum width of 500 pixels. It should be noted that this is an experimental addition and will not work in all circumstances. Embedding in excerpts By default, embed code will not appear in excerpts. However, you can switch this ability on via the Code Embed options screen. If you do this, then the standard rules of excerpts will still apply but only once the code embed has been applied. For example, excerpts are just text, a specific length, etc. Filtering of code By default, WordPress allows unfiltered HTML to be used by users in post custom fields, even if their role is set up otherwise. This opens up the possibility of leaving a site vulnerable, if any plugins that use this data don’t check it appropriately. “Out of the box,” neither the contributor nor author roles have unfiltered HTML capabilities but can access custom post fields. As this plugin requires the use of unfiltered HTML, we need to ensure that only authorized users can use it. From version 2.5, any users without this permission that update a post containing embeds from this plugin will cause the code to be filtered. Plugin Behaviour Changes Security hardening has meant that some changes to behaviour have had to change after specific releases. Here I’ll document any known changes… Version 2.6.4 – A global embed will now have scripts stripped on any post authored by a user without unfiltered_html. Safe-HTML global embeds (iframes, video, etc.) are unaffected. Previously scripts rendered everywhere. Version 2.6.4 – Global embeds stored on a draft/private post stop resolving on the front end. If you (or your users) deliberately keep a “global embed library” as an unpublished post, that pattern breaks – they’d need to publish it Version 2.6.3 – Global embeds are now case-sensitive (which it always should have been). If any existing live content relies on accidental case-insensitive matching (e.g. {{CODE1}} pulling a code1 field), it will stop resolving Reviews & Mentions “Works like a dream. Fantastic!” – Anita. “Thank you for this plugin. I tried numerous other iframe plugins and none of them would work for me! This plugin worked like a charm the FIRST time.” – KerryAnn May. Embedding content – WSD Blogging Server. Animating images with PhotoPeach – Cómo hago.