2017年 09月 02日 ( 1 )

埋め込みコードをブログに貼り付ける

ページへページへページへ

最後に埋め込みコードをブログの記事に貼り付ける手順を説明します。
(エキサイトブログの新管理画面の場合です)
ブログでYouTubeを楽しもう」及び「埋め込みコードをコピーする」をご覧になってからお読みください。


【コピーした埋め込みコードを張り付ける方法】
いつものように「記事を書く」画面を出します。
通常編集で記事を書いている方は[HTML編集]をクリックしてしてください。
d0181824_09511366.jpg

HTML編集の記事入力になります。
:このとき何か文字が表示されたら削除してください。<br>は改行マークです。
自動的に挿入される場合があります。
d0181824_09585756.jpg

入力欄先頭位置で右クリックし[貼り付け]をクリックします。
クリップボードにコピーした埋め込みコードを張り付ける操作です。
d0181824_10453048.jpg

埋め込みコードが貼り付きました。<iframe・・で始まるコードです。[プレビュー]ボタンをクリックします。
:埋め込みコードが貼り付かない場合はもう一度YouTubeでコピーするか、ワード等に保存した場合はそれを開いてコピーしてください。
d0181824_10453685.jpg

プレビューで画面を確認します。
再生ボタンをクリックすると動画がスタートします。(↓)は動画のサイズが大きすぎて全画面表示ボタンが見えない例です。
d0181824_10454265.jpg

記事を書く画面に戻ります。
埋め込みコードの「width=」が動画の横サイズ、「height=」が縦サイズです。
コードは直接書き替えて調整できるので、大きすぎた場合は横を420に、縦を236に書き替えます。
書き替えたら[プレビュー]ボタンをクリックします。
d0181824_10454918.jpg

少し小さ目ですが、全画面表示ボタンが見えたのでこれで良しとしましょう。
d0181824_10455538.jpg

記事を書く画面に戻ります。「HTML編集」で記事を書いている方はこのまま入力を続けてください。
「通常編集」で記事を書いている方は[通常編集]をクリックしてから入力を続けてください。
d0181824_11410338.jpg

【YouTubeボタンで貼り付ける方法】
記事を書く画面を出します。通常編集の場合を説明します。
ツールにある[YouTube]ボタンをクリックします。
d0181824_13474337.jpg

YouTube検索画面がでますので、
(1)画像サイズを決め(ここでは420×315そのまま)
(2)「動画が終わったら関連動画を表示する」のチェックを外し、
(3)検索欄に検索ワードを入力して[検索]をクリックします。
動画のタイトル(「花火と炎と音楽の共演」)が検索ワードとしてベストです。
(4)候補の動画が表示されたら目的の動画の[ブログに貼り付け]をクリックします。
d0181824_13474887.jpg

入力欄に埋め込まれました。[プレビュー]をクリックします。
d0181824_13475332.jpg

全画面表示ボタン等が表示されたらOKです。
d0181824_13475907.jpg

HTML編集に切り替えれば、動画サイズを変更することができます。
d0181824_14225105.jpg

あとはいつものように記事の入力を続けてください。
YouTubeボタンで貼り付けた場合、画像の横縦比が4:3となるようです。承知しておくと良いでしょう。
以上で完了です。
YouTubeをブログに埋め込むとパソコンライフが更に楽しくなります。
初めての方は動画「花火と炎と音楽の共演」でお試しください。そして疑問が湧いたらコメントでお知らせください。

by PC-otasukeman | 2017-09-02 15:17 | Comments(19)