埋め込みが出来るようになっていたので改訂版 １．詳細 https://player.bilibili.com ２．ID取得 動画のページをブラウザで開いて①マウスカーソルを合わせると貼り付け用ポップアップが表示される②水色のボタンを押すとクリップボードにIDがコピーされる ３…

１．構成のポイント １）ページの識別 はてなブログのトップページは、同じウインドウに複数のページを読み込む このためyoutube埋込ページを重複して読み込まれるとプレーヤーが動かなくなったりレイアウトが崩れたりする トップページの構成はこんな感じ <article class="entry hentry … "> <div class="entry-content"> </div></article>…

長いyoutubeにチャプターを付ける youtubeに投稿する時は簡単にできるようですが見る側ではできないようなので作りました１．お手本 プレーヤー右側のリストをクリックするとシークするようになっている ２．概要 数個のチャプターで区切る予定のためプレー…

自分用に作ってみたのでメモお手本はこんな感じ ・html 設置するページは aタグの代わりに labelタグを置いた <div class="linknum_tag"> <a href="#1">1</a> <label>2</label> <a href="#3">3</a> <a href="#4">4</a> <a href="#5">5</a> <a href="#2">NEXT</a> </div> ・css .linknum_tag a, .linknum_tag label { position: relative; display: inline-block; font-wei…

2023/7/28 ページの構成が変わって埋め込み出来るようになっていたので改訂版を作成 luke24e-2h.hatenablog.com ----------------------------------------------- 以下旧資料 bilibili動画のリンクを作成しますbilibili動画は埋込コードも提供されています …