generated at
Scrapboxにいろんなものを埋め込む
UserScript<iframe>を埋め込む
<iframe>でのうめこみが想定されているページしか埋め込めない

20210927 Chromeだと出来なくなっているみたい?blu3mo
Firefoxだと依然埋め込めるtakker
あー、frame-srcに引っかかるのかtakker
txt
Refused to frame 'https://embed.nicovideo.jp/' because it violates the following Content Security Policy directive: "frame-src 'self' www.google.com www.youtube.com player.vimeo.com translation.helpfeel.com js.stripe.com".

ニコニコ動画を埋め込む
js
(() => { const source = 'https://embed.nicovideo.jp/watch/sm9' document.getElementById('editor').insertAdjacentHTML('beforeend', `<div class="iframe-video-player"> <iframe style="display: inline-block;" src=${source}></iframe> </div>`); })();


大技やなー... 増井俊之

Google Calendarを埋め込む
calendarId はencodeしないとエラーになる
js
(() => { const calendarIds = ['ja.japanese#holiday@group.v.calendar.google.com'] .map(id => encodeURIComponent(id)); const timezone = 'Asia/Tokyo'; const params = [...calendarIds.map(id => `src=${id}`), `ctz=${timezone}`].join('&'); document.getElementById('editor').insertAdjacentHTML('beforeend', `<div class="iframe-video-player"> <iframe src="https://calendar.google.com/calendar/embed?${params}" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe> </div>`); })();
大きく表示したいときは <div> を外す
もっと大きくしたいときは <iframe> の大きさを変える


昔、タイトルが特定の条件にマッチしたら同名のprivateプロジェクトをiframeで埋め込むUserscriptをつくったblu3mo

UserScript