●最上位目次 | ●健康全般 | ●自動車全般 |
ちょっと一休み。 XR311動画でyoutube埋め込みコード html書き換え説明します。 [パソコン]
ちょっと一休み。 XR311で再度確認します。
この文章と、XR311の実車動画の埋め込みコードで説明します。
下記がyoutubeからもらえる埋め込みコードです。
<iframe width="420" height="315" src="http://www.youtube.com/embed/wmnmleyBbes" frameborder="0" allowfullscreen></iframe>
ここまでの文章が分かるよう仕切りを作ります。
************************************* 仕切り ****************************************
これをリッチテキストONにして本文にコピーします。
コピーした後のhtmlコードが下記の通りです。
Html余りに長いので関係するところを切り取りました。これはhtmlの最後の部分です。真ん中ではないので、安心して下さい。
<p style="line-height: 12pt" class="MsoNormal"><span style="font-size: 10pt; font-family: 'MS 明朝','serif'">この文章と、</span><span style="font-size: 10pt" lang="EN-US">XR311</span><span style="font-size: 10pt; font-family: 'MS 明朝','serif'">の実車動画の埋め込みコードで説明します。</span><span style="font-size: 10pt" lang="EN-US"></span></p>
<p style="line-height: 12pt" class="MsoNormal"><span style="font-size: 10pt; font-family: 'MS 明朝','serif'"> 下記が</span><span style="font-size: 10pt" lang="EN-US">youtube</span><span style="font-size: 10pt; font-family: 'MS 明朝','serif'">からもらえる埋め込みコードです。</span><span style="font-size: 10pt" lang="EN-US"></span></p>
<p style="line-height: 12pt" class="MsoNormal"><span style="font-size: 10pt" lang="EN-US"><iframe width="420"
height="315" src="http://www.youtube.com/embed/wmnmleyBbes"
frameborder="0" allowfullscreen></iframe></span></p>
<p style="line-height: 12pt" class="MsoNormal"><span style="font-size: 10pt" lang="EN-US"> </span></p>
<p style="line-height: 12pt" class="MsoNormal"><span style="font-size: 10pt; font-family: 'MS 明朝','serif'">ここまでの文章が分かるよう仕切りを作ります。</span><span style="font-size: 10pt" lang="EN-US"></span></p>
<p style="line-height: 12pt" class="MsoNormal"><span style="font-size: 10pt" lang="EN-US">*************************************<span> </span></span><span style="font-size: 10pt; font-family: 'MS 明朝','serif'">仕切り </span><span style="font-size: 10pt" lang="EN-US">****************************************</span></p>
<p style="line-height: 12pt" class="MsoNormal"><span style="font-size: 10pt; font-family: 'MS 明朝','serif'">これをリッチテキスト</span><span style="font-size: 10pt" lang="EN-US">ON</span><span style="font-size: 10pt; font-family: 'MS 明朝','serif'">にして本文にコピーします。</span><span style="font-size: 10pt" lang="EN-US"></span></p>
黄色い部分が、youtubeの埋め込みコードが化けた部分です。
ここに埋め込みコードを上書きします。
すると上記のように画面がリンクされるようになります。
Sonetさんから回答ありしまた。 POLO R WRC でテストします。 [全般]
Sonetさんから昨日回答が来ていました。
早速試してみようと思います。
テスト動画はPOLO R WRC です。
Goodなようです。
Sonetさんありがとうございました。
共有したいと思いますので、以下にSonetさんからいただいた回答をコピペします。
安全なのは、html言語で書かれたフォーマットの一番後ろに付けるのが今のところ良さそうです。
もちろんhtml言語ご存じの方は、その限りではなく好きなところに入れられると思います。
【Youtube動画貼り付け方法】
1.ブログへログイン後、「管理ページ」→「新規作成」の順にアクセスし、
「記事作成」画面を開きます。
2.記事入力欄上部の『HTML』アイコンをクリックのうえ、別ウィンドウにて、
「HTMLの編集」画面を開きます。
3.「HTMLの編集」画面内にYoutube動画の「埋め込みコード」を
貼り付けいただき、画面左下の【挿入】ボタンをクリックします。
4.記事入力欄に、Youtube動画の表示枠が表示されましたら、
【保存】ボタンをクリックし、記事を投稿します。
※記事入力欄では、動画の表示枠のみしか表示されませんが、
プレビューをご確認いただけましたら、貼り付けた動画を
確認することが可能となります。
リッチテキストとyoutube埋め込みコードの共存方法 一つ見つけました。 wordに図を貼り付けてもだめなことも分かりました。 [パソコン]
今現在分かっていることを書きます。
文字については、WORDで編集した自体や行間、飾りを再現出来ます。
でも、youtubeの埋め込みコードは、崩れてしまいます(リッチの後ろに隠れた書式フォーマットによって)。
この記事の一つ前にうまくいっている例を挙げていますが、これは一手間掛けています。
1)まず文章作成を、ブログの「設定」で、リッチテキスト有りにして、設定保存します。
2)次に、WORDで書いた文章(リッチテキストフォーマット)をコピーしてきます。このとき注意は、youtubeのコードも一緒に持ってきます。
埋め込みコードだけ、行を分けておいて下さい。後の作業に響きます。
3)次に、再びブログの「設定」で、リッチテキスト無しにして、設定保存します。
4)その後、記事の編集画面に戻るとリッチテキスト用のフォーマットで窓が埋め尽くされています。
その中から、youtubeの埋め込みコードがある場所を特定します。
ここで先ほどの行分けが利いてきます。
それらしい行を、まんまこのリッチ対応でない窓上で、元々のコードに置き換えます。
すると、文字が綺麗になり動画も連携出来ます。
でも、wordに図を貼り付けた状態で、コピーしてもうまくいきません。
リッチテキスト 編集 テスト [全般]
これはリッチテキスト形式のテスト掲載です。
復帰しましたのを喜ぶだけでなく、この経験を生かせるかテストします。
WORDを使いリッチテキスト形式で保存したデータを載せられるかやってみようと思います。
感動
医者を選ぼう うつに興味ない方も見てやって下さい。これからの日本をよくしたいと思い書いています。 [心の健康]
関連記事を見やすくするため、目次を用意しました。
枠で囲った心の健康を押すと関連記事の目次を開くことが出来ます。
目次から各記事を開くことが出来ます。ぜひお立ち寄りください。
目次 心の健康 |
病院の門を初めてたたいたのは、入社して3年目くらいのころです。
動画リンク復帰記念第二弾 もう一度見て下さい 私一押しの車です。 今年のコンセプトカート言っても通りそう Lamborghini Marzal Bertone [自動車]
関連記事を見やすくするため、目次を用意しました。
枠で囲った イタリア車 ランボルギーニ を押すと関連記事の目次を開くことが出来ます。
目次から各記事を開くことが出来ます。ぜひお立ち寄りください。
目次 イタリア車 ランボルギーニ |
ドアをガルウィングというのか真横に上げるのも斬新だし、全体がガラスで透けているというのも斬新だと思います。
動画リンク復帰記念第二弾 HONDA EV-STAR [自動車]
関連記事を見やすくするため、目次を用意しました。
枠で囲ったホンダ車 車種別以外/font>を押すと関連記事の目次を開くことが出来ます。
目次から各記事を開くことが出来ます。ぜひお立ち寄りください。
目次 ホンダ車 車種別以外 |
先日、ホンダがNSX以来のスポーツカー復帰を期待させる発言をしたようですが、信憑性は余り高くないかも。
でも、今年一部の雑誌に掲載されたビートを連想させるこの車は、EV,ガソリン両方で出るとおもしろいと思うのですが。
動画リンク復帰記念第二弾 メルセデスベンツ A CLASS consept [自動車]
関連記事を見やすくするため、目次を用意しました。
枠で囲ったドイツ車を押すと関連記事の目次を開くことが出来ます。
目次から各記事を開くことが出来ます。ぜひお立ち寄りください。
目次 ドイツ車 |
メルセデスベンツ A CLASS conseptです。
メルセデスにこの車を出す勇気というかやる気があるかが疑わしいですが、出てくれればインパクトになりますね