https://github.com/terales/youtube-not-play-in-extension-in-crome-v56
[RESEARCH] In Chrome 56 YouTube embedded video inside Chrome extension page appears as back rectangle
https://github.com/terales/youtube-not-play-in-extension-in-crome-v56
chrome-extension embed-videos youtube-api
Last synced: about 2 months ago
JSON representation
[RESEARCH] In Chrome 56 YouTube embedded video inside Chrome extension page appears as back rectangle
- Host: GitHub
- URL: https://github.com/terales/youtube-not-play-in-extension-in-crome-v56
- Owner: terales
- License: mit
- Created: 2017-03-09T05:05:04.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-06-20T13:01:46.000Z (almost 8 years ago)
- Last Synced: 2025-01-17T16:37:25.338Z (4 months ago)
- Topics: chrome-extension, embed-videos, youtube-api
- Language: JavaScript
- Homepage: http://stackoverflow.com/q/42687937/1363799
- Size: 3.91 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## [Demo] YouTube embedded video inside Chrome extension page appears as back rectangle in Chrome 56. How can we fix it?
Issue in Chrome tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=698545
## This is a [research code](https://meiert.com/en/blog/20140716/research-and-production/).
### How to reproduce:
1. Load unpacked extension in chrome://extensions/
1. Open new tab
1. Video won't load, check developer tools for logged requests
#### Request displays as cancelled in Network tab:
#### But there is no problems if we look at request with WebRequest API:
#### Found issue root in net-internal logs:
```
error_204
Unknown error
Error: Failed to construct 'IntersectionObserver': Unable to get root node in main frame to track.
at new AZ (https://www.youtube.com/yts/jsbin/player-en_US-vflg9Wu9U/base.js:3691:122)
at new V1 (https://www.youtube.com/yts/jsbin/player-en_US-vflg9Wu9U/base.js:3972:112)
at V1.create (https://www.youtube.com/yts/jsbin/player-en_US-vflg9Wu9U/base.js:6964:333)
at Bh. (https://www.youtube.com/yts/jsbin/www-embed-player-vflzkmSYc/www-embed-player.js:431:269)
at Bh.k.mb (https://www.youtube.com/yts/jsbin/www-embed-player-vflzkmSYc/www-embed-player.js:431:308)
at Fh (https://www.youtube.com/yts/jsbin/www-embed-player-vflzkmSYc/www-embed-player.js:429:143)
at Bh.k.qa (https://www.youtube.com/yts/jsbin/www-embed-player-vflzkmSYc/www-embed-player.js:422:176)
at https://www.youtube.com/yts/jsbin/www-embed-player-vflzkmSYc/www-embed-player.js:464:420
at https://www.youtube.com/yts/jsbin/www-embed-player-vflzkmSYc/www-embed-player.js:69:63
line=Not available
level=ERROR
```
Code for embedding:
```html
```
Manifest:
```json
{
"name": "Youtube won't play embeded videos in crome-extension [Demo]",
"version": "1.0.0",
"manifest_version": 2,
"description": "Demo for encountered problem with cancelled request",
"chrome_url_overrides": {
"newtab": "newtab.html"
},
"permissions": [
"webRequest",
""
],
"content_security_policy": "default-src 'self' https://s.ytimg.com; frame-src https://www.youtube.com;"
}
```
### Checked:
* content security policy — should be ok, worked fine month ago
* disabled all other extensions — checked on empty chrome v56 profile
* sharing url is from Share → Embed text box rom youtube
* video is loading and playing without any problems even if running from local html file
* documentation for extension don't have any info about restricting iframes inside extension pages
* protocol explicitly defined, so it isn't [an error with a protocol-relative URL](http://stackoverflow.com/q/37140814/1363799)
* build iframe with API — the same result
### Chrome versions:
* 56.0.2924.87 (64-bit) — won't play a video, request displayed as cancelled,
* 59.0.3035.0 canary (64-bit) — **will play a video**, but request displayed as cancelled
### Chromium:
* 59.0.3036.0 (Developer Build) (32-bit) — **will play a video**, but request displayed as cancelled
**Operating system:** Windows 10 Pro