generated from github/codespaces-blank
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
32 lines (30 loc) · 2 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="index.css" rel="stylesheet">
<!--デバイスの幅に合わせる-->
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body><script src="index.js"></script>
戻す/やり直す/変換 配列格納<br>
ソート機能はやらない(削除済み動画もあるから)<br>
プレビューをビジュアル編集にしてもいいかも<br>
個別枠を増やしたら配列も増やす<br>
↓大事<br>
https://www.javadrive.jp/javascript/array/index6.html#section3<br>
分かりやすい配列解説https://www.freecodecamp.org/japanese/news/javascript-array-of-objects-tutorial-how-to-create-update-and-loop-through-objects-using-js-array-methods/<br>
<div>動画情報
<iframe width="312" height="176" src="https://ext.nicovideo.jp/thumb/sm42515407" scrolling="no" style="border:solid 1px #ccc;" frameborder="0"><a href="https://www.nicovideo.jp/watch/sm42515407">好きな惣菜発表ドラゴン / 重音テト</a></iframe>
</div>
<div>プレーヤー埋め込みコード（ニコニコ）
<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm43627338/script?w=320&h=180"></script><noscript><a href="https://www.nicovideo.jp/watch/sm43627338">好きなアレンジ発表ドラゴン / 初音ミク</a></noscript>
</div>
<div>プレーヤー埋め込みコード（ようつべ）
<iframe width="342" height="187" src="https://www.youtube.com/embed/Dx9m4jpocAc?si=0UksXAKRc3FqxTrv&controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div>サムネイル画像
<img src="http://img.youtube.com/vi/OnCFEo_pXaY/default.jpg">
<img src="http://img.youtube.com/vi/OnCFEo_pXaY/mqdefault.jpg">
</div>
</body>
</html>