已经有一些关于此的主题,但似乎没有一个主题能够对我面临的问题给出明确的答案。我正在使用 youtube iframe api 和以下代码在网站上实现 youtube 视频:
this.player = new YT.Player($player, {
wmode: 'transparent',
height: '100%',
width: '100%',
host: 'https://www.youtube-nocookie.com',
playerVars: {
wmode: 'transparent',
showinfo: 0,
autohide: 1,
rel: 0
},
videoId: this.video_id,
events: {
'onReady': ()=>{
},
}
})
Run Code Online (Sandbox Code Playgroud)
视频已正确加载 www.youtube-nocookie.com 域。但正如其他帖子提到的那样,cookie 仍在加载。我的控制台中还收到以下警告。
附带说明一下。其他帖子提到 cookie 仅在用户播放视频时加载。然而,一旦加载页面,我就会收到这些错误。奇怪的是,即使我没有加载任何视频,只是将 api 脚本添加到我的页面,我仍然遇到第一个错误。
那么问题是:这种方法是否符合 GDPR 实践?我单独这样做是安全的,还是我需要加倍努力并阻止 api 的加载,直到用户接受使用数据收集?如果cookies仍然被注入到我的页面中,为什么youtube要使用这种所谓的隐私模式?
我在尝试检索嵌套 sass 映射中的值时遇到问题。我有一张看起来像这样的地图:
$breakpoints : (
xl: (
page-width: 1170px,
gutter: 30px,
base-font-size: 17px
),
l: (
breakpoint: 1170px,
page-width: 980px,
gutter: 20px,
base-font-size: 17px
)
);
Run Code Online (Sandbox Code Playgroud)
我试图在第一个嵌套列表“xl”中检索变量。这个想法是通过索引而不是键名来检索嵌套列表,因为这应该能够根据用户的喜好进行修改。
我原以为使用map-get(nth($breakpoints, 1), page-width)会起作用,但nth($breakpoints, 1)似乎返回一个包含“xl(页面宽度:1170px,装订线:30px,base-font-size:17px)”而不是实际地图的字符串,因此无法使用该map-get()功能.
关于如何做到这一点的任何想法?
我正在尝试为网站上的图像创建 RGB 偏移效果。我有基本功能,但问题是通道与纹理的 uv 发生偏移。因此,如果图像尺寸不同,则每个图像的偏移量在视觉上并不相同。
这是我的片段着色器。
uniform sampler2D texture;
varying vec2 vUv; // vertex uv
void main() {
vec2 uv = vUv;
float red = texture2D(texture, vec2(uv.x, uv.y - .1)).r;
float green = texture2D(texture, uv).g;
float blue = texture2D(texture, vec2(uv.x, uv.y + .1)).b;
float alpha = texture2D(texture, uv).a;
gl_FragColor = vec4(vec3(red, green, blue), alpha);
}
Run Code Online (Sandbox Code Playgroud)
以及它呈现在页面上的样子。

我将如何在不必传递统一值的情况下标准化 uv 偏移?
glsl ×1
javascript ×1
nested ×1
nested-lists ×1
sass ×1
sass-maps ×1
shader ×1
three.js ×1
youtube ×1
youtube-api ×1