SOLVED: Embed HTML code directly (without iframe)

Ask the community
,
1

I’m using PressPlay2 video player, and when I embed the code using the HTML element, my video doesn’t play correctly. The problem seems to be with how the code is embedded in the page - including the embed code as an html page hosted on filesusr.com and using an iframe to pull in that html page.
Is there a different way to embed the video directly onto my wix site, rather than with the iframe method?
Here’s one example of the code I’m trying to embed:

2

You can only use html in a html iframe or through tracking and analytics as a custom tool.
https://support.wix.com/en/article/adding-html-code
https://support.wix.com/en/article/embedding-custom-code-to-your-site
https://support.wix.com/en/article/guidelines-and-limitations-of-the-html-code-and-embed-a-site-elements

3

Thanks. I was hoping Corvid had a workaround to allow embedding of the raw html code, based on this excerpt from the third link you shared: “You can use the HTML element to embed an iFrame (external code or components) onto your site. For example, you can add a calendar or an external form.
If you are a more advanced technical user, you can use Corvid by Wix. You can use Corvid to write code to access third party web services. You can call a third party service directly from your client-side code. Get started now by enabling Corvid in your Editor.”

Is there no way around the iframe option? It changes the way my video is playing, compared to when I embed the raw code on a wordpress site.

4

@marian

Yes, if you have access to a third parties api then you can call it into Wix through the use of Wix Fetch.
https://support.wix.com/en/article/corvid-accessing-third-party-services-with-the-fetch-api
https://support.wix.com/en/article/corvid-calling-server-side-code-from-the-front-end-with-web-modules
https://www.wix.com/corvid/reference/wix-fetch.html - Wix api reference.

Or you can use Wix HTTP functions to expose your site to them instead.
https://support.wix.com/en/article/corvid-exposing-a-site-api-with-http-functions
https://www.wix.com/corvid/reference/wix-http-functions.html - Wix api reference.

5

Thanks. I don’t have access to their api, just the html code to embed. Is there another way to embed the raw html?

6

As per their own website:
Am I Limited to Only YouTube or Vimeo for Video Hosting?
We suggest using YouTube or Vimeo as you will take advantage of free hosting, however you can use other services like Amazon S3, Wistia or other services that were designed for video hosting.

i would just use Youtube or Vimeo instead of Amazon S3, at least they are already guaranteed to work within Wix.
https://support.wix.com/en/article/adding-a-video-from-youtube
https://support.wix.com/en/article/adding-a-video-from-vimeo

If you still want to use Amazon S3, then use them directly.
https://www.miracletutorials.com/s3-amazon-embed-video/

For more help with the Press2Play issues itself, then contact support@pressplay.io as they state that they are happy to help in any way possible.

See Wix Support own pages about using Wix Video.
https://support.wix.com/en/article/adding-a-video-to-your-wix-video-library

Finally I would also check that things are actually compatible with each other before signing up and paying for anything, much better than paying upfront for something only to find out that it doesn’t work with something else.

7

Thank you. I’m going from YouTube into PressPlay2 for specific features like adding a CTA at the end, but if they’re not working with Wix, I may just need to drop PressPlay2. I appreciate your help!

8

I may have stumbled upon something that will help. I needed to embed the Zomato widget into my dynamic page, but when using the HtmlComponent with the post method, it rendered the contents into an iFrame (which seems to be the only behavior of the HtmlComponent. When Zomato spiders the page looking for the widget it does not see it in the iFrame. I have read a lot of articles about some very upset people who want to use Zomato with Wix. Even Zomato says at the top of their FAQ that it wont work with Wix: https://www.zomato.com/bloggers .

Anyway, I had an idea tonight to try to inject the html code into a $w.Text.html component dynamically. I added the text control to the page and onReady of the page and dataset I injected the Zomato widget into the HTML propery of the Text control.

const zomato = $w("#dynamicDataset").getCurrentItem().zomato;

if( zomato ) {
    $w("#txtZomato").html = zomato;
    $w("#txtZomato").show();
}

The Zomato widget gets properly loaded on my review pages.

Now i’m just waiting to see if Zomato can spider it.

Regardless of this working for Zomato, I would think that this method can be used to inject more complicated markup into the page. Possibly markup containing javascript.

9

As explained above…

All code in Wix Corvid is Javascript, however you don’t have access to the DOM. Therefore HTML cannot be added directly into the site .

You can add HTML into your site, however it has to be either through an HtmlComponent (iframe) on your page or through the use of a new tool in tracking and analytics.

This is an old thread and is being closed.