## 概要 [[Twitter]]や[[YouTube]]のリンクを、[[Obsidian]]のエディタ上や[[Obsidian Publish]]で埋め込みたい。 ## ソリューション [[Obsidian]]のv1.3.2で導入された新機能を使うと、[[Markdown]]のリンクと同じ書き方で表現できます。 > ``` > YouTube and Twitter links can now be embedded within your notes using the markdown image embed syntax (i.e. ). > Clicking on external links inside \<iframe> now properly open them in the default browser. > ``` > [Obsidian Release v1\.3\.2 \(Insider build\) \- Announcements \- Obsidian Forum](https://forum.obsidian.md/t/obsidian-release-v1-3-2-insider-build/60049) より たとえば以下のツイートについて。 ![[Pasted image 20230520143654.png|frame]] [[ツイート]]の[[URL]]は https://twitter.com/Tadashi_MAMAN/status/1659789075212296193?s=20 ですが、これを以下のようにします。 ```  ``` すると以下のような表示になります。  上記は[[Twitter]]の例ですが、[[YouTube]]でも同様です。また、[[Obsidian]]のエディタ内だけでなく、**[[Obsidian Publish]]でも同じように表示されます。** ### [[YouTube]]の動画を埋め込むと『エラー 153』と表示される場合 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" /> <span class="link-card-v2-site-name">Minerva</span> </div> <div class="link-card-v2-title"> 📝ObsidianのノートにYouTube動画を埋め込むとサムネイルの代わりに『エラー 153』が表示され動画が再生できない </div> <div class="link-card-v2-content">ObsidianでYouTube動画埋め込み時に「エラー 153」が表示され再生不可となる事象である。原因はYouTubeのサードパーティクッキー。Chrome Devtoolsでクッキー削除が有効である。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/troubleshooting.webp" /> <a data-href="📝ObsidianのノートにYouTube動画を埋め込むとサムネイルの代わりに『エラー 153』が表示され動画が再生できない" class="internal-link"></a> </div> %%[[📝ObsidianのノートにYouTube動画を埋め込むとサムネイルの代わりに『エラー 153』が表示され動画が再生できない]]%% ### YouTube動画を埋め込んでもサムネイルが表示されない <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" /> <span class="link-card-v2-site-name">Minerva</span> </div> <div class="link-card-v2-title"> 📝ObsidianのノートにYouTube動画を埋めこんでもサムネイルが表示されない </div> <div class="link-card-v2-content">ObsidianでYouTube動画埋め込み時、サムネイルが表示されず「GET https://img.youtube.com/vi/K2Sdf_siRGs/maxresdefault.jpg 404」エラーが出る事象である。原因は高解像度サムネイル未登録。回避策はYouTubeの埋め込みスクリプト利用である。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/troubleshooting.webp" /> <a data-href="📝ObsidianのノートにYouTube動画を埋めこんでもサムネイルが表示されない" class="internal-link"></a> </div> %%[[📝ObsidianのノートにYouTube動画を埋めこんでもサムネイルが表示されない]]%%