こんな感じ。 記事ごとに設定する必要があり、これまでにアップした記事はそれぞれ書き直す必要があるので注意してください。 それでは、実際のカスタマイズ方法をチェックしていきましょう。 埋め込み用のコードを追加 まずは、HTMLを使って「読み込み前の画像(要素)」を用意します。 今回は画像を使いましたが、CSSで見た目を調整した「ボックス」や「リンク」などでも大丈夫です。 要は、JavaScriptでクリックイベントを取得できればなんでもOK ボックスの場合: リンクの場合: クリックして動画を再生 こんな感じになります。 では、はてなブログの記事編集ページに、以下のような要素を追加しましょう。 <img class="mov" src="任意の画像.png"> 画像の「src="~~.png"」と書かれた部分は「表示したい画像のURL」になっています。 今回の場合だとこちらですね。 クラス名