Bento Advanced Plugin

Details: Category: Latest; By Administrator; 26.Dec; Parent Category: News; 26 December 2023; Last Updated: 26 January 2024; Hits: 2538

Bento Advanced Plugin, This content plugin is a cross media platform, it support Joomla 5, 4 and 3.
This plugin allows you to embed any media content supported in your Joomla posts, list below :

Any Audio support by HTML5
Facebook Video and post
Twitter Tweet
Youtube Video
Soundclound clip and playlist
Instagram embed
JW Player platform
and more to come !

It's based on Bento cloud hosted JavaScript library shared by Google and dev by AMP develloper, it used Bento component framework. Bento is open source under the AMP Project

Getting started with Bento

Bento is a set of mix and matchable highly performant web components that are easily customizable to meet your site functionality needs. Bento components are well-tested, compatible across modern browsers, and work in many development environments. You can use one, some or all Bento components on your site! And, since Bento components are self-maintaining, they work with any other framework or components library

Browser Support

Bento components support the latest two versions of most major browsers like Chrome, Firefox, Edge, Safari, Opera and UC Browser. We support desktop, phone, tablet and the web view version of these respective browsers.

Bento Advanced

19€/Year,
Order Now
(If Payment with
Crypto -30% : 13.3€)

Below Bento JW Player Component example

+ - Overview, Components, Changelog Click to collapse

Name	Bento Advanced
Joomla Version Overview
Joomla 5.x.x
Joomla 4.x.x
Joomla 3.x.x
JED, Joomla! Extensions Directory Official Page.	To come
Joomla Language INI files (en-GB)
Components
Bento Audio Component
Bento Facebook Component
Bento Instagram Component
Bento JW Player Component
Bento SoundCloud Component
Bento Twitter Component
Bento Youtube Component
and more to come ! Contact us if you want that we add a new Bento component or add some specific attributes
Version, code and changelog
Version Up-To-Date of the Plugin	1.0.1 (19 January 2024)
Changelog	Changelog_txt
HTML5

+ - Appearance, Behaviour, Media Session API Click to collapse

Appearance, Responsive Design

Name	Bento components
*Appearance, common attributes** (depend components), can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value*
height : For some layouts, Bento components must have a width and height attribute that contains an integer pixel value.	all
width : For some layouts, Bento components must have a width and height attribute that contains an integer pixel value.	all

Behaviour

Name	Bento components
*Behaviour, common attributes** (depend components), can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value*
autoplay : If this attribute is present, and the browser supports autoplay, the video or audio will be automatically played as soon as it becomes visible. There are some conditions that the component needs to meet to be played, which are outlined in the Video in AMP spec.	Audio, JWPlayer, Youtube
dock : If this attribute is present and the video is playing manually, the video will be "docked" and float on a corner or a custom position when the user scrolls out of the video component's visual area. If the user scrolls back, the video reverts to its original static position. The video can be docked to a default corner or to a custom fixed position. The video can be dragged and repositioned by the user on a different corner. The video can be flicked to be dismissed from its docked position. Multiple videos on the same page can be docked, but only one at a time will be docked and fixed.	JWPlayer
loop : If present, the video or audio will automatically loop back to the start upon reaching the end.	Audio, Youtube

Plugin Parameters

Name	Bento components
Global Tab : You can set there Joomla Plugin Parameters
trigger : Type the trigger name that will trig the plugin, default is bento.
component: Select the default components to load, default is video, you can override it in front end by setting &component=VALUE.
bentojs: If bento.js is already load by another module or plugin you can force the plugin to use the same script this to reduce charge time of the page, Automatic position will set it alone, if you have trouble to see the component in automatic position Force to Yes.

+ - Interaction code, Help and support, Update system Click to collapse

Name	Bento components
Interaction code
Curly Brackets { bento }{ /bento } support.
You can change the trigger name {new_trigger_name}{/new_trigger_name}
Help and Support
Forum
Online Documentation (backend and on Bento website)
GPLv3
PHP version support	5.6.x, 7.x, 8.0, 8.1 and 8.2
SSL support
Update
Joomla Update system is fully support, you will just have to set your download ID in the backend of the extension and save it, once done, you will able to upgrade your extension troug the Joomla admin interface without download it first on joomlarulez.com. You can retrieve your Download ID on Joomlarulez.com : User menu --> Download IDs (https://www.joomlarulez.com/download-ids.html), Generate Download ID there. You can generate multiple Download IDs. Each Download ID can only be used for one website only. So if you use your extension on multiple websites and you have the right license, you will have to generate multiple Download IDs, each Download ID can only be used for one website only. Each Download ID can be used for multiple extensions on the same website. So if you used multiple of our extensions on your website, you will only need one Download ID

Name	Bento JWPlayer Component
Bento JW Player Component specific attributes can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value
data-media-id : The JW Platform media id. This is an 8-digit alphanumeric sequence that can be found in the Content section in your JW Player Dashboard. (Required if data-playlist-id is not defined.) The shortcode is &data-media-id=ID, it must be set first before any another attribute
data-playlist-id : The JW Platform playlist id. This is an 8-digit alphanumeric sequence that can be found in the Playlists section in your JW Player Dashboard. If both data-playlist-id and data-media-id are specified, data-playlist-id takes precedence. (Required if data-media-id is not defined.) The shortcode is &data-playlist-id=ID, it must be set first before any another attribute
data-player-id : JW Platform player id. This is an 8-digit alphanumeric sequence that can be found in the Players section in your JW Player Dashboard. (Required)
component : loading the component if not set by default in backend, The shortcode is &component=jwplayer
data-content-search: Denotes the type of the playlist. If contextual article matching is desired, use the value __CONTEXTUAL__. If a search playlist is desired, input a keyword or phrase used to generate the search playlist.
data-content-backfill: Ensures that a search or contextual playlist always returns a result. If there are no relevant results for the given query, this parameter ensures that a list of trending videos are served instead. (Boolean with default: true)
bentojwplayerjs : If bento-jwplayer.js is already load by another module or plugin you can force the plugin to use the same script this to reduce charge time of the page, Automatic position will set it alone, if you have trouble to see the component in automatic position Force to Yes.

Name	Bento Facebook Component
Bento Facebook Component specific attributes can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value
data-href : (Required) The URL of the Facebook post/video/comment. For example, a post or video will look like https://www.facebook.com/zuck/posts/10102593740125791. A comment or comment reply will look like https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185. For comments, see the Facebook documentation on how to get a comment's URL. The shortcode is &data-href=ID, it must be set first before any another attribute
component : loading the component if not set by default in backend, The shortcode is &component=facebook

data-embed-as : The value is either post, video or comment. The default is post. Both posts and videos can be embedded as a post. Setting data-embed-as="video" for Facebook videos embeds the player of the video, and adds the accompanying post card with it. Setting data-embed-as="post" ignores the caption card. This is done to make sure we are zooming in on videos correctly. The comment value embeds a single comment (or reply to a comment) on a post. Check out the documentation for differences between post embeds, video embeds, and comment embeds.
data-include-comment-parent : The value is either true or false. The default is false. When you are embedding a comment reply, you can optionally also include the parent comment of the reply.
data-align-center : The value is either true or false. The default is false. For posts and videos, having this attribute set to true would align the post/video container to center.
data-locale : By default, the locale is set to user's system language; however, you can specify a locale as well.
bentofacebookjs : If bento-facebook.js is already load by another module or plugin you can force the plugin to use the same script this to reduce charge time of the page, Automatic position will set it alone, if you have trouble to see the component in automatic position Force to Yes.

Name	Bento Instagram Component
Bento Instagram Component specific attributes can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value
data-shortcode : (Required) The instagram data-shortcode is found in every instagram photo URL. For example, in https://instagram.com/p/fBwFP, fBwFP is the data-shortcode. The shortcode is &data-shortcode=ID, it must be set first before any another attribute
component : loading the component if not set by default in backend, The shortcode is &component=instagram

data-captioned : Include the Instagram caption. bento-instagram will attempt to resize to the correct height including the caption.
bentoinstagramjs : If bento-instagram.js is already load by another module or plugin you can force the plugin to use the same script this to reduce charge time of the page, Automatic position will set it alone, if you have trouble to see the component in automatic position Force to Yes.

Name	Bento SoundCloud Component
Bento SoundCloud Component specific attributes can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value
data-trackid : This attribute is required if data-playlistid is not defined. The value for this attribute is the ID of a track, an integer. The shortcode is &data-trackid=ID, it must be set first before any another attribute
data-playlistid : This attribute is required if data-trackid is not defined. The value for this attribute is the ID of a playlist, an integer. The shortcode is &data-playlistid=ID, it must be set first before any another attribute
component : loading the component if not set by default in backend, The shortcode is &component=soundcloud

data-secret-token : The secret token of the track, if it is private.
data-visual : If set to true, displays full-width "Visual" mode; otherwise, it displays as "Classic" mode. The default value is false.
data-color : This attribute is a custom color override for the "Classic" mode. The attribute is ignored in "Visual" mode. Specify a hexadecimal color value, without the leading # (e.g., &data-color=e540ff).
bentosoundcloudjs : If bento-soundcloud.js is already load by another module or plugin you can force the plugin to use the same script this to reduce charge time of the page, Automatic position will set it alone, if you have trouble to see the component in automatic position Force to Yes.

Name	Bento Twitter Component
Bento Twitter Component specific attributes can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value
data-tweetid : (required) The ID of the Tweet. In a URL like https://twitter.com/joemccann/status/640300967154597888, 640300967154597888 is the tweet id.. The shortcode is &data-tweetid=ID, it must be set first before any another attribute
component : loading the component if not set by default in backend, The shortcode is &component=twitter

bentotwitterjs : If bento-twitter.js is already load by another module or plugin you can force the plugin to use the same script this to reduce charge time of the page, Automatic position will set it alone, if you have trouble to see the component in automatic position Force to Yes.

Name	Bento Youtube Component
Bento Youtube Component specific attributes can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value
data-videoid: (required) The YouTube video id found in every YouTube video page URL. For example, in this URL: https://www.youtube.com/watch?v=Z1q71gFeRqM, Z1q71gFeRqM is the video id. The shortcode is &data-videoid=ID, it must be set first before any another attribute
component : loading the component if not set by default in backend, The shortcode is &component=youtube

data-param-cc_load_policy : Setting the parameter's value to false causes closed captions to be shown by default, even if the user has turned captions off. The default behavior is based on user preference.
data-param-color : This parameter specifies the color that will be used in the player's video progress bar to highlight the amount of the video that the viewer has already seen. Valid parameter values are red and white, and, by default, the player uses the color red in the video progress bar.
credentials : Defines a credentials option as specified by the Fetch API. Supported values: omit, include Default: include If you want to use the YouTube player in privacy-enhanced mode, pass the value of omit. Usually YouTube sets its cookies when the player is loaded. In privacy-enhanced mode cookies are set when the user has clicked on the player.
bentoyoutubejs : If bento-youtube.js is already load by another module or plugin you can force the plugin to use the same script this to reduce charge time of the page, Automatic position will set it alone, if you have trouble to see the component in automatic position Force to Yes.

Name	Bento Audio Component
Bento Audio component specific attributes (using AMP) can be set by default in backend and applied for all content loaded by the plugin or in front end with shordcode &attribute=value
src : Required if no <source> children are present. Must be HTTPS. The shortcode is &src=URL_OF_THE AUDIO_FILE, it must be set first before any another attribute
component : loading the component if not set by default in backend, The shortcode is &component=audio
preload : If present, sets the preload attribute in the html <audio> tag which specifies if the author thinks that the audio file should be loaded when the page loads.
muted : If present, will mute the audio by default.
bentoaudiojs : If amp-audio.js is already load by another module or plugin you can force the plugin to use the same script this to reduce charge time of the page, Automatic position will set it alone, if you have trouble to see the component in automatic position Force to Yes.

Download

Login Form

Random

Disclaimer

Joomlarulez and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.