ここから本文です
ブログ始めました!

書庫日記

記事検索
検索

全1ページ

[1]

では、You Tube 指定箇所の動画ブログ貼り付けにチャレンジ! デス。


まず、大前提として You Tubeを指定位置から再生させる場合の貼り付けでは、
wiki/HTMLモード』にする必要がありそうです。
  イメージ 3



ですので『ブログを書く』を選んで、画面が表示された直後に
  イメージ 4
  『wiki/HTMLモード』ボタンを押して (赤い矢印のところ)
  その左横にある『wiki文法使用』の欄に ✔ (チェック) を入れます。
  (こちらは黄色の矢印のところ)



前提の準備が整ったところで、
①貼り付けたい動画をYou Tubeで表示させます。
 ボクの場合は、大好きな(どうでも良い?)唄姫 美嘉チャン の動画を。
 イメージ 1



②スタートさせたい位置で動画窓の下っ側にある『共有』ボタンをクリックします。
(ちょっと前くらいが丁度良いかもしれません。)
 イメージ 2



③すぐに『埋め込む』ボタンを押します。 (黄色の矢印のところ)
  イメージ 5


④動画の埋め込み という画面が現れます。
 『開始位置』の欄に ✔ (チェック) を入れます。
  イメージ 6



⑤『コピー』ボタンを押します。するとYouTube動画の開始位置がコピーできます。
黄色の矢印のところを押すと青い部分がコピーされる
  イメージ 7



⑥コピーされた動画のスタート位置をどこでも良いのでメモ(貼る)しておきます。
たとえば、このBlog記事を書く場所でも良いです。

↓↓↓ ※ご注意:その場合必要なところを利用したらサイゴには消しますけどね。

<iframe width="560" height="315" src="https://www.youtube.com/embed/awGCCT08QFw?start=77" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>



本題です。今のモードはwiki/HTMLモード』であることより
動画開始位置から終了位置までの指定は以下の文章をテンプレートとし有効活用します。(各々、細かな意味はのちほど。)



⑧画像を埋め込みたい場所に、↑ の行をコピー&ペーストして貼り付けます。
※以下の同じ文の太字や赤色部分は後々の説明にのみ使用。


そして、先ほど、仮で動画スタート位置をメモしておきましたが、その動画のアドレス部分(↓の太字の箇所:https〜はじまり、〜start=77でおわる)をコピーして、動画を貼りたいテンプレートで用意した文の太いアドレスのところに上書き貼り付けします。

<iframe width="560" height="315" src="https://www.youtube.com/embed/awGCCT08QFw?start=77" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

例:以下の太い部分を指定のアドレスに入れ替えました。



⑨あとは、動画の終了地点(↑の例では、赤い『&200と書かれているところ)を
指定し直します。これは、スタートから何秒後という意味が &end=○○○デス
↑の例では、対象動画のスタート位置から200秒後(3分20秒)経過の位置まで。
の意味となります。指定した開始位置からではないのでそこだけ注意が必要です。

動画窓の画像の大きさはサイゴの数字で調整できます。
 425が横のサイズ、350が縦のサイズです。

当記事はwiki/HTMLモードではない』ため、動画が貼れておらず文字のままですが、以下URLではwiki/HTMLモード』で同じように作ったページで、
対象のYouTubeが動画窓になって指定位置の動画が貼りついていると思います。



環境が違うと全く同じような表示がなく指定方法がわからない、もしくは、上手くいかない場合があるかもしれません。そんな時は、また我々に言ってください。
また調査したいと思います。

ちなみにボクの環境はWindows10のデスクトップPCでこの記事を書きました。
幸運を祈ります。では。
では、You Tube 指定箇所の動画ブログ貼り付けにチャレンジ! デス。


まず、大前提として You Tubeを指定位置から再生させる場合の貼り付けでは、
wiki/HTMLモード』にする必要がありそうです。
  イメージ 3



ですので『ブログを書く』を選んで、画面が表示された直後に
  イメージ 4
  『wiki/HTMLモード』ボタンを押して (赤い矢印のところ)
  その左横にある『wiki文法使用』の欄に ✔ (チェック) を入れます。
  (こちらは黄色の矢印のところ)



前提の準備が整ったところで、
①貼り付けたい動画をYou Tubeで表示させます。
 ボクの場合は、大好きな(どうでも良い?)唄姫 美嘉チャン の動画を。
 イメージ 1



②スタートさせたい位置で動画窓の下っ側にある『共有』ボタンをクリックします。
(ちょっと前くらいが丁度良いかもしれません。)
 イメージ 2



③すぐに『埋め込む』ボタンを押します。 (黄色の矢印のところ)
  イメージ 5


④動画の埋め込み という画面が現れます。
 『開始位置』の欄に ✔ (チェック) を入れます。
  イメージ 6



⑤『コピー』ボタンを押します。するとYouTube動画の開始位置がコピーできます。
黄色の矢印のところを押すと青い部分がコピーされる
  イメージ 7



⑥コピーされた動画のスタート位置をどこでも良いのでメモ(貼る)しておきます。
たとえば、このBlog記事を書く場所でも良いです。

↓↓↓ ※ご注意:その場合必要なところを利用したらサイゴには消しますけどね。

<iframe width="560" height="315" src="https://www.youtube.com/embed/awGCCT08QFw?start=77" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>



本題です。今のモードはwiki/HTMLモード』であることより
動画開始位置から終了位置までの指定は以下の文章をテンプレートとし有効活用します。(各々、細かな意味はのちほど。)



⑧画像を埋め込みたい場所に、↑ の行をコピー&ペーストして貼り付けます。
※以下の同じ文の太字や赤色部分は後々の説明にのみ使用。


そして、先ほど、仮で動画スタート位置をメモしておきましたが、その動画のアドレス部分(↓の太字の箇所:https〜はじまり、〜start=77でおわる)をコピーして、動画を貼りたいテンプレートで用意した文の太いアドレスのところに上書き貼り付けします。

<iframe width="560" height="315" src="https://www.youtube.com/embed/awGCCT08QFw?start=77" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

例:以下の太い部分を指定のアドレスに入れ替えました。



⑨あとは、動画の終了地点(↑の例では、赤い『&200と書かれているところ)を
指定し直します。これは、スタートから何秒後という意味が &end=○○○デス
↑の例では、対象動画のスタート位置から200秒後(3分20秒)経過の位置まで。
の意味となります。指定した開始位置からではないのでそこだけ注意が必要です。

動画窓の画像の大きさはサイゴの数字で調整できます。
 425が横のサイズ、350が縦のサイズです。

当記事はwiki/HTMLモードではない』ため、動画が貼れておらず文字のままですが、以下URLではwiki/HTMLモード』で同じように作ったページで、
対象のYouTubeが動画窓になって指定位置の動画が貼りついていると思います。



環境が違うと全く同じような表示がなく指定方法がわからない、もしくは、上手くいかない場合があるかもしれません。そんな時は、また我々に言ってください。
また調査したいと思います。

ちなみにボクの環境はWindows10のデスクトップPCでこの記事を書きました。
幸運を祈ります。では。
試しに貼ってみました。

◆ 中島美嘉
・見えない☆



・ORION



・僕が死のうと思ったのは (曲名は過激ですが、サイゴに救われます)



◆ボルダリングお試し




上手く行くと良いなぁ〜。

全1ページ

[1]

mas**skm*07
mas**skm*07
非公開 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について
友だち(1)
  • aki*o_l*ve*010
友だち一覧

最新の画像つき記事一覧

1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

Yahoo!からのお知らせ

よしもとブログランキング

もっと見る
本文はここまでですこのページの先頭へ
みんなの更新記事