Update
This commit is contained in:
parent
e9740e8914
commit
f28acba78a
|
@ -61,11 +61,9 @@ html, body {
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
#log iframe {
|
.youtube-video {
|
||||||
width: inherit;
|
aspect-ratio: 16 / 9;
|
||||||
min-height: 100vh;
|
width: 100%;
|
||||||
height: max-content;
|
|
||||||
border:none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#body {
|
#body {
|
||||||
|
|
|
@ -37,7 +37,7 @@ async function fetchData(log, tpl) {
|
||||||
for (let i = 0; i < spl_arr.length; i++) {
|
for (let i = 0; i < spl_arr.length; i++) {
|
||||||
if (spl_arr[i].indexOf(youtube_link_start) === 0) {
|
if (spl_arr[i].indexOf(youtube_link_start) === 0) {
|
||||||
let id = spl_arr[i].replace(youtube_link_start, '');
|
let id = spl_arr[i].replace(youtube_link_start, '');
|
||||||
let text_frame = `<iframe width="560" height="315" src="https://www.youtube.com/embed/${id}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>`;
|
let text_frame = `<iframe class="youtube-video" src="https://www.youtube.com/embed/${id}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>`;
|
||||||
youtube_frame_arr.push(text_frame);
|
youtube_frame_arr.push(text_frame);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue