Embedded youtube video in layout:single not showing

[Ritten11]

Hi all,

I recently started building my own website using jekyll and have run into an issue regarding an embedded youtube video. The strange thing is that this issue only occurs when using the 'single' layout provided in the minimal-mistakes template. The 'search' and 'splash' layouts work perfectly fine.

Some context

• I'm using the most recent versions of ./_layouts/single.html and ./_includes/video provided on this repository.
• The line used to embed the {% include video id="[TJCdLgP4FHQ]" provider="youtube" %}
• The issue occurs both in firefox and chromium
• Changing the layout in the frontmatter using the three options single, splash, and search produces the following embedded videos:

layout: single

layout: splash

layout: search

Initial guess on the origin of the issue

Based on my limited understanding of HTML and CSS, I have a feeling that it might be related to the CSS styling of the page. Therefore, I have included three separate log files: the working page with layout: search, the broken page with layout: single, and finally the page with layout single where I removed the {% include video id="[TJCdLgP4FHQ]" provider="youtube" %} line.

Log layout: search (working)

Error in parsing value for ‘margin’.  Declaration dropped. www-player.css:1:215054
Error in parsing value for ‘line-height’.  Declaration dropped. www-player.css:1:220210
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:223447
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:233296
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:233474
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:234100
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:234261
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:235252
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:236563
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:242619
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:242806
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:243032
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:244181
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:260732
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:262683
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:262898
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:263694
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:264584
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:267571
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:326631
Error in parsing value for ‘-webkit-box-pack’.  Declaration dropped. www-player.css:1:326682
Error in parsing value for ‘-moz-box-pack’.  Declaration dropped. www-player.css:1:326701
Expected color but found ‘none’.  Error in parsing value for ‘background-color’.  Declaration dropped. www-player.css:1:341925
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:31:145
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:70:161
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:71:58
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:80:54
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:82:58
Error in parsing value for ‘-webkit-text-size-adjust’.  Declaration dropped. style.css:151:157
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:168:47
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:168:65
Error in parsing value for ‘width’.  Declaration dropped. style.css:187:154
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:195:17
Unknown property ‘orphans’.  Declaration dropped. style.css:239:67
Unknown property ‘widows’.  Declaration dropped. style.css:239:78
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:306:65
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:311:68
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:325:122
Error in parsing value for ‘border’.  Declaration dropped. style.css:325:203
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:327:83
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:327:97
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:333:111
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:335:30
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:457:69
Unknown pseudo-class or pseudo-element ‘-webkit-full-screen-ancestor’.  Ruleset ignored due to bad selector. style.css:953:2
Error in parsing value for ‘border’.  Declaration dropped. style.css:1033:62
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:1052:205
Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped. style.css:1263:138
Unknown property ‘orphans’.  Declaration dropped. style.css:1282:30
Unknown property ‘widows’.  Declaration dropped. style.css:1282:41
Error in parsing value for ‘float’.  Declaration dropped. style.css:1314:149
Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped. all.min.css:5:54

Log layout: single (broken)

Some cookies are misusing the recommended “SameSite“ attribute 2
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:1052:205
Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped. style.css:1263:138
Unknown property ‘orphans’.  Declaration dropped. style.css:1282:30
Unknown property ‘widows’.  Declaration dropped. style.css:1282:41
Error in parsing value for ‘float’.  Declaration dropped. style.css:1314:149
/posts/en/2021-27-10-ByeMonia/ 2021-27-10-ByeMonia:182:10
+ 2021-27-10-ByeMonia:183:10
Error in parsing value for ‘padding-top’.  Declaration dropped. 2021-27-10-ByeMonia
Partitioned cookie or storage access was provided to “https://www.youtube-nocookie.com/embed/TJCdLgP4FHQ” because it is loaded in the third-party context and dynamic state partitioning is enabled.

Expected media feature name but found ‘-ms-high-contrast’. www-player.css:1:17651
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:43968
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:44263
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:50763
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:53202
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:55149
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:61489
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:63381
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. www-player.css:1:68395
Expected declaration but found ‘*’.  Skipped to next declaration. www-player.css:1:75005
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. www-player.css:1:75513
Error in parsing value for ‘max-width’.  Declaration dropped. www-player.css:1:137968
Error in parsing value for ‘left’.  Declaration dropped. www-player.css:1:138161
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:168923
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:169058
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:169335
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:169688
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:183499
Error in parsing value for ‘margin’.  Declaration dropped. www-player.css:1:215054
Error in parsing value for ‘line-height’.  Declaration dropped. www-player.css:1:220210
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:223447
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:233296
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:233474
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:234100
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:234261
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:235252
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:236563
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:242619
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:242806
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:243032
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:244181
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:260732
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:262683
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:262898
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:263694
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:264584
Unknown property ‘-moz-background-size’.  Declaration dropped. www-player.css:1:267571
Unknown property ‘-moz-justify-content’.  Declaration dropped. www-player.css:1:326631
Error in parsing value for ‘-webkit-box-pack’.  Declaration dropped. www-player.css:1:326682
Error in parsing value for ‘-moz-box-pack’.  Declaration dropped. www-player.css:1:326701
Expected color but found ‘none’.  Error in parsing value for ‘background-color’.  Declaration dropped. www-player.css:1:341925
Some cookies are misusing the recommended “SameSite“ attribute 5
Cookie “PREF” has been rejected for invalid domain. www-embed-player.js:473

Log layout: single without embedded video (working)

Some cookies are misusing the recommended “SameSite“ attribute 2
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:31:145
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:70:161
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:71:58
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:80:54
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:82:58
Error in parsing value for ‘-webkit-text-size-adjust’.  Declaration dropped. style.css:151:157
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:168:47
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:168:65
Error in parsing value for ‘width’.  Declaration dropped. style.css:187:154
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:195:17
Unknown property ‘orphans’.  Declaration dropped. style.css:239:67
Unknown property ‘widows’.  Declaration dropped. style.css:239:78
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:306:65
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:311:68
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:325:122
Error in parsing value for ‘border’.  Declaration dropped. style.css:325:203
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:327:83
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:327:97
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:333:111
Expected declaration but found ‘*’.  Skipped to next declaration. style.css:335:30
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:457:69
Unknown pseudo-class or pseudo-element ‘-webkit-full-screen-ancestor’.  Ruleset ignored due to bad selector. style.css:953:2
Error in parsing value for ‘border’.  Declaration dropped. style.css:1033:62
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped. style.css:1052:205
Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped. style.css:1263:138
Unknown property ‘orphans’.  Declaration dropped. style.css:1282:30
Unknown property ‘widows’.  Declaration dropped. style.css:1282:41
Error in parsing value for ‘float’.  Declaration dropped. style.css:1314:149
/posts/en/2021-27-10-ByeMonia/ 2021-27-10-ByeMonia:182:10

What I could use some help with

I have tried to figure out which of the provided errors are causing the embedded video to break, but to be honest, I'm not sure where to look. Especially since most of the errors occur both on the working pages and on the broken page. It would be great if someone could help me with decoding these error messages and pinpoint where to look for a possible fix.

Also, I'm new to asking for help on public fora. If there is any information missing, please let me know!

Thanks in advance!