こんにちは。
>原因と対策
原因は、動画の横幅よりも記事欄の横幅のほうが狭いためです。
(動画が入り切らずにはみ出してしまう)
具体的には
記事欄の幅:376px
動画の横幅:560px
で設定されています。
ですので、対策は
① 動画の幅を狭くする
あるいは
② 記事欄の幅を広くする
のどちらかです。
とりあえず簡単なほう(①)を説明します。
Youtubeで「共有」→「埋め込む」をクリックすると下記のようなタグが表示されます。
<iframe width="560" height="315" src="動画のアドレス" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
現在はこのタグをこのままブログに貼り付けていると思いますが、貼り付ける前にタグの中の
width="560" height="315"
部分の数値を修正します。
widthは「幅」です。
ここを記事欄の幅【376px】よりも小さい数値にします。
heightは「高さ」です。
「幅」と同じ比率で縮小した数値を入力します。
あとは今まで通りブログに貼り付ければOKです。
②はブログのデザイン(テンプレート)を変更することで可能ですが、記事欄の幅が560px以上あるデザインはココログのテンプレートには(多分)ないと思うので、オリジナルで作成することになります。
こちらはちょっと煩雑なので、今回は割愛します。
「どうしてもやりたい」ということであれば具体的な内容を回答します。
過去ログで回答した例がありますので、興味があったら読んでみてください。
おおよそのところはわかるのではないかと思います。
■記事欄の幅を調整したいタグの新着投稿一覧
http://cocolog.kaiketsu.nifty.com/tags/194/entries