Skip to Content
You need to be registered to interact with the community.
All Posts People Badges
Ključne besede (View all)
odoo accounting v14 pos v15
About this forum
This question has been flagged
website_builderv13
2 Odgovori
6740 Prikazi
Avatar
paulo

We're using the website builder (v13) with the Advantage Theme and are trying to embed Youtube and Vimeo video's. Based on a previous search of the forum we have found the following HTML code that seems to correctly embed a Youtube video.

<div class="embed-responsive embed-responsive-16by9">

   <iframe width="560" height="315" src="https://www.youtube.com/embed/tY7vaistEsw">

   </iframe>

</div>


If we then replace the Youtube generated iframe with the following for Vimeo, the HTML editor does not allow saving the HTML, i.e., assuming there's an error.

<div class="embed-responsive embed-responsive-16by9">

    <div style="padding:57.42% 0 0 0;position:relative;">

       <iframe src="https://player.vimeo.com/video/449642714" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen>

        </iframe>

    </div>    

    <script src="https://player.vimeo.com/api/player.js"></script>

</div>

Does anyone know how to embed Vimeo video's correctly?

Thanks, Paulo
Avatar
Opusti
Avatar
Bruce Letterle
Best Answer

If you use one of the Odoo 3rd party HTML snippet modules, you could insert the HTML snippet on a page and it should accept and format your code properly. There are free and paid modules for this.

Avatar
Opusti
paulo
Avtor

Hi Bruce,

Could you please point me to such app(s) because all I have been able to find is apps for Youtube videos, and I doubt that they will work by simply replacing the Youtube iframe or URL with a Vimeo as I have experienced.

Bruce Letterle

I have used the free Website HTML Snippet at https://apps.odoo.com/apps/modules/13.0/website_snippet_html/. You would install it on Odoo and then drag the snippet onto a page and paste your code into it.

paulo
Avtor

Thanks Bruce!

Avatar
malcomvx
Best Answer

You cannot display a lot of websites inside an iFrame. Reason being that they send an "X-Frame-Options: SAMEORIGIN" response header. This option prevents the browser from displaying iFrames that are not hosted on the same domain as the parent page.

I faced the same error when displaying YouTube links. For example: https://www.youtube.com/watch?v=8WkuChVeL0s

I replaced watch?v= with embed/ so the valid link will be: https://www.youtube.com/embed/8WkuChVeL0s

It works well. (Reason : /embed has the required header)

Try to apply the same rule on your case.

Why is X-Frame-Options

It is there for user security. Prevents clickjacking : https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

The embed endpoint is desinged to be safer to show on external websites (not youtube.com).

SAMEORIGIN

The page can only be displayed in a frame on the same origin as the page itself. The spec leaves it up to browser vendors to decide whether this option applies to the top level, the parent, or the whole chain, although it is argued that the option is not very useful unless all ancestors are also in the same origin.

http://net-informations.com/q/mis/youtube.html

Avatar
Opusti
Related Posts Odgovori Prikazi Aktivnost
How Do You Use Website Mail Channels? Solved
website_builder discuss v13
Avatar
Avatar
2
avg. 20
6920
Having problem logging in with Google Chrome Solved
community website_builder v13
Avatar
Avatar
2
jul. 20
5571
Using an external bootstrap theme
website_builder bootstrap v13
Avatar
0
jul. 20
3884
AssertionError while install Appoinment in website
website_builder
Avatar
Avatar
Avatar
2
nov. 25
348
Website Issue
website_builder
Avatar
Avatar
Avatar
Avatar
4
maj 25
9481