I want to properly mobile optimize external videos added by HTML code.

Ask the community
,
1

I am a beginner using wix.

External video added by HTML code cannot be displayed in full screen on mobile site.
Also, it is not optimized for mobile and the screen size does not change.
(It can be displayed on the PC without any problems.)

Enter the code as shown below.

In HTML Iframe :

<a href="whatever is your https"></a>
<script type="text/javascript" charset="utf-8" defer src="https://XXXOmittedMyURLXXX"></script>

In Wix Code :

$w.onReady(function () {
    $w("#html2").allowFullScreen();
});

It will be very helpful if you can solve the problem.
Thank you.

2

Hey!

You can see everything that you can do with HTML components on your site in our API reference:
https://www.wix.com/corvid/reference/$w.HtmlComponent.html

Also check out the article about working with HTML components: https://support.wix.com/en/article/corvid-working-with-the-html-element

There is not much you can do other than that.

As a second thought: maybe you can place two same HTML components on your page - one big and one small (just resize it in the Editor with the handlers) so then when you check which device is used you can show only the relevant one depending on mobile or desktop view.
I don’t know if it’s gonna work but worth a try!

3

Hi.

Thank you for the information!
I will refer to it.

The video using another service worked, so there seems to be a problem with the settings of the pasted video.

I will also try the method taught to you.
Thank you!