question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Share a youtube video with iFrame which shows CORS error

See original GitHub issue

This Issue tracker is only for reporting bugs and tracking code related issues.

Before posting, please make sure you check community.jitsi.org to see if the same or similar bugs have already been discussed. General questions, installation help, and feature requests can also be posted to community.jitsi.org.

Description

Similar issues #6721 . I am using the external_api.js. I have met trouble with Chrome on Mac OS Catalina. But I could not reproduce on Safari.

  1. When the participant A shares a youtube video and clicks start, the participant B could not load. The whole screen would stuck on the youtube preview.

Console detail as below,

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('https://meet.jit.si').

  1. I found that it might miss a parameter which called mute=1 when playing the youtube video.

HTML Code as below,

<iframe id="sharedVideoIFrame" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="100%" height="100%" src="https://www.youtube.com/embed/uDVTm1Xbc9k?origin=https%3A%2F%2Fmeet.jit.si&amp;fs=0&amp;autoplay=0&_mute=1_&amp;controls=1&amp;rel=0&amp;widget_referrer=http%3A%2F%2Fgrwth.app360.cn%2Fh5%2Fmeeting%2F60&amp;enablejsapi=1&amp;widgetid=1" style="width: 1782px; height: 821px; opacity: 1;"></iframe>

But I could not find if there is any connection between para. 1 and para. 2

Current behavior

the participant B could not load the sharing video

Expected Behavior

All participants could load the youtube video

Possible Solution


Steps to reproduce

2020-05-25 I tried some situations this morning. Use chrome raising a meeting and share a youtube video on Windows 10. Then I participate it with different browsers on Mac.

Chrome 83 - Passed Firefox 74 - Failed Safari 13 - Failed

Then I tried to raise a meeting and share a youtube video with different browsers on Mac. I found whatever browsers I share video on Mac, the screen would stuck on Windows. And I couldn’t click the play button. It looks so weird.

Environment details

Mac OS 10.15.1 Catalina Chrome 81.0.4044.138 Stable 64 Bit Firefox 74 64 Bit (Mac) Safari 13.0.1

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
DanielLWinncommented, May 19, 2020

Are you using the external API?

Yes. I use the external_api.js

1reaction
saghulcommented, May 19, 2020

Are you using the external API?

Read more comments on GitHub >

github_iconTop Results From Across the Web

embedding youtube video results in CORS error
embedding youtube video results in CORS error ... i'm trying to embed a video in my ionic app, but errors shows up when...
Read more >
YouTube embedded player causes CORS errors - Issue Tracker
The YouTube embedded player causes CORS errors. The errors start a couple of seconds after the page and the player are loaded. Once...
Read more >
YouTube Player API Reference for iframe Embeds
The IFrame player API lets you embed a YouTube video player on your website and control the player using JavaScript. Using the API's...
Read more >
CORS errors with youtube-nocookie
If your book has YouTube videos and you choose the enhanced privacy option for embedding (using youtube-nocookie instead of youtube), ...
Read more >
Youtube IFrame API: Controlling videos using JavaScript
The Youtube IFrame API allows you to embed a YouTube video player (using an IFrame to contain the video) on your website and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found