You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Online

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

#109975 How to add a specific uikit attribute to a video iframe ?

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Thursday, 24 April 2025 19:32 BST

pmarty
Hello,

I use Yootheme Pro for many clients' websites. Based on Uikit 3, it offers a number of interesting classes or attributes to easily format objects on a web page.
In the text flow of an article, I want to add a Youtube video with a large size, and which is also responsive. With UIKIT, we have to add to the iframe an attribute "uk-responsive", which is not a CSS class, as explained here: https://getuikit.com/docs/utility#responsive-objects
How to add this attribute with the JCE media manager?

Also, would it be possible to add this attribute systematically for any video integration? That is to say in the settings of the media manager plugin?

Thanks in advance for your help.
Phil

pmarty
Nobody has an idea?

Ryan
Unfortunately at the moment the only way to add addtional attributes to a video is to do it in the Code tab.

I realise this is not ideal, an I have been working on a solution for this over the last couple of days, where custom attributes will be able to be set in the Advanced tab of the Media Manager dialog, or set as custom Style Formats using the styles list.

I hope to have this ready for testing early next week.

FYI - I have made a plugin for making video responsive - https://github.com/widgetfactory/wf_responsive_widgets - which you may find useful.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

pmarty
Great news Ryan, thanks a lot for your work!
Before testing the new tab settings, I'll try your plugin.

Best regards

Engholm

Hi,

I would like to pick up this topic again: Since I implement the majority of my templates with the UIKit framework, I would be happy if the HTML attribute uk-responsive (for example) could be automatically stored as the default value in the Media Manager and iFrame Manager profile settings. It is already possible to define default classes, titles or IDs. An option / a field to specify default attributes is still missing.

Any chance to set this as a feature requests?

Best regards
Björn

Attachments

Ryan

Setting default values for custom attributes, or attributes not already defined in the Media Manager, Image Manager Extended etc. parameters, is to be included in JCE Pro 2.9.85

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Engholm

Yay! Great! Thanks 🙌

Engholm

Hi,

I'm, just testing the JCE Pro 2.9.85 Beta 6. I've found the new custom attribute settings for HTML5 Video / iFrames and have got two questions:

1) will there be also custom attributes for Youtube / VIMEO?

2) I've figured out, it doesn't appears, if there's only set the name, but without a value. The UKit Framework for example has got the attribute uk-responsive without any values. Like the allowfullscreen attribute, that is set by Vimeo Settings. It would be great, if only names without values are possible.

 

Happy Easter Weekend and best regards

Björn

Ryan

1) will there be also custom attributes for Youtube / VIMEO?

Please try JCE Pro 2.9.85 Beta 10 - https://www.joomlacontenteditor.net/downloads/editor/pro/development

2) I've figured out, it doesn't appears, if there's only set the name, but without a value. The UKit Framework for example has got the attribute uk-responsive without any values. Like the allowfullscreen attribute, that is set by Vimeo Settings. It would be great, if only names without values are possible.

This is now possible in Beta 10, as the editor will convert any attribute with a value the same as the attribute name into a boolean attribute, eg: uk-responsive="uk-responsive" will become just uk-responsive.

However, when setting the attribute as a default in the parameters, a value is still needed. I have added a "Boolean" option so this can be set automatically.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.