Page 1 of 1
[Solved] Insert/Embed Media not allowing fullscreen
Posted: Mon Mar 16, 2020 12:33 pm
by Christopher Kiraly
Let me get this out of the way:
AbleCommerce for ASP.NET
VERSION: 7.0.92.9476
Release Label: GoldR12SR2
We're adding a tutorials/videos page to the site, and have used both the html editor and the Insert/Edit Embedded Media button. After entering the media information (source, URL, dimensions, etc) I'm trying to add the 'allowfullscreen' parameter for the iframe, but it won't save.
No matter how I try to edit this, it doesn't save that attribute to the iframe.
What is being done wrong?
Re: Insert/Embed Media not allowing fullscreen
Posted: Mon Mar 16, 2020 11:34 pm
by Naveed
Hi,
Please share some sample HTML code you are trying to save.
Thanks,
Re: Insert/Embed Media not allowing fullscreen
Posted: Tue Mar 17, 2020 1:34 pm
by Christopher Kiraly
Code: Select all
<h1>Tutorials & Videos</h1>
<div class="row">
<div class="col-md-6">
<div class="embed-responsive embed-responsive-16by9">
<iframe title="Airtronic Heaters: A Visual Inspection" src="https://www.youtube.com/embed/R6myWUdJIq4" frameborder="0" width="320" height="240">
</iframe>
</div></div></div>
If I enter
(or any camelCase variant) right after the "240" in height, and click 'Update', it acts like it saved, but if I click the HTML button again, it's not there (looks just like above).
If I use the Insert/Edit Embedded Media button and get that screen, enter everything, and then on the Source tab, enter allowfullscreen, and Insert it, then it saves the embedded video - but it still doesn't save the allowfullscreen attribute...
Re: Insert/Embed Media not allowing fullscreen
Posted: Wed Mar 18, 2020 12:52 am
by Naveed
Hi,
For HTML editor we are using TinyMCE v 3.4.9 in AC gold R12 build. This seems a problem with TinyMCE, I checked its not saving the mentioned attributes for IFrame.
You have to disable the "WYSIWYG HTML Editor" support from store configuration page, and then you can enter your HTML in the text area field as plain text.
Navigate to Administration > Configure > Store > General
and at the bottom of the page there is an option to enable/disable the WYSIWYG HTML Editor, with label:
"Enable WYSIWYG Editor"
Re: Insert/Embed Media not allowing fullscreen
Posted: Wed Mar 18, 2020 9:37 am
by Christopher Kiraly
Thank you very much! This solved the problem.