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

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 Engholm on Thursday, 08 May 2025 13:20 BST

Tuesday, 11 January 2022 16:23 GMT

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

Friday, 14 January 2022 08:03 GMT

pmarty

Nobody has an idea?

Friday, 14 January 2022 10:43 GMT

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.

Friday, 14 January 2022 10:55 GMT

pmarty

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

Wednesday, 19 February 2025 16:38 GMT

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

Friday, 07 March 2025 10:18 GMT

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.

Tuesday, 18 March 2025 11:15 GMT

Engholm

Yay! Great! Thanks 🙌

Thursday, 17 April 2025 19:34 BST

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

Thursday, 24 April 2025 19:32 BST

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.

Wednesday, 30 April 2025 08:53 BST

Engholm

Hi Ryan,

I've tested the Beta 10. The uk-responsive attribute is inserted, when set as Boolean and the video-URL is pasted into the editor. Unfortunately it doesn't work with the media-/iframe-manager. The Insert-Button puts out a JS Error: Uncaught TypeError: src.indexOf is not a function

I would like just to pasted it, but the default classes I've set for VIMEO/YouTube are not pasted

Thursday, 01 May 2025 13:41 BST

Ryan

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

Clear your browser cache after install.

Ryan Demmer

Lead Developer / CEO / CTO

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

Friday, 02 May 2025 07:26 BST

Engholm

Hi Ryan,

I've just tested the RC1:

Pasting a Vimeo URL doesn't work. Got a console erroe Uncaught ReferenceError: attrName is not defined
Inserting via MediaManager still puts out: Uncaught TypeError: src.indexOf is not a function

I've attached the profile I use.

Tested in Latest Firefox 138.0.1 (64-Bit) / Win11

Attachments

jce_editor_profile_2025_05_02.zip

Monday, 05 May 2025 19:07 BST

Ryan

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

Clear you browser cache after install.

Ryan Demmer

Lead Developer / CEO / CTO

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

Edited by Ryan on 2025-05-05 19:08 BST

Tuesday, 06 May 2025 07:50 BST

Engholm

Hi Ryan,

unfortunatley I still can't insert Vimeo URLs via Media Manager nor just paste it. I've tried latest Chrome but same JS Error. Would it help to locate these errors, if I give you access to the site?