新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

YouTubeの動画を途中から再生させる方法

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

YouTubeの動画を途中から再生させることが可能なのは知っていたのだが記事にしてなかったのでしておくことにした。
リンクの場合はリンクをつくるときに設定できるので分かりやすいが埋め込みの場合はちょっと分かりづらい。

YouTubeで途中から再生
該当の動画を開いて「共有」をクリック。「オプション」をクリックすると開始時間が設定できる。

スポンサーリンク
 

上記赤線で囲んだ部分「?t=2m17s」というのが2分17秒後から再生するという命令部分なのだが実はこれは「?t=137」と秒に換算して書いても動く。
つまり、上記動画の場合は通常のURLが「http://youtu.be/gD1IsSNtkPk」 なので「http://youtu.be/gD1IsSNtkPk?t=137」と書くこともできる。

で、埋め込みになるとまたちょっと表記が変わる。

上記の動画の埋め込みの場合のソースは以下のとおり。

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/gD1IsSNtkPk” frameborder=”0″ allowfullscreen></iframe>

↓実際埋め込んだ状態

埋め込みの場合はここに「?start=137」と書く。
埋め込みの場合は「t」ではなく「start」にするのがポイントだ。

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/gD1IsSNtkPk?start=137” frameborder=”0″ allowfullscreen></iframe>

↓実際埋め込んだ状態

なお、何か他のパラメータが入っている場合は「?」が「&」になるので注意。
以下の場合は動画終了時に関連動画を表示させない設定が加わっている。

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/gD1IsSNtkPk?rel=0&start=137” frameborder=”0″ allowfullscreen></iframe>

↓実際埋め込んだ状態

といった感じで動画開始時間を設定することができる。
上記動画のようにライブ動画で曲の頭から見せたいときなどに便利。

 - 動画, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

「タービン建屋」とは何のこと?

1年以上前の記事です。内容が古い可能性があります。先の震災で原発事故が起こり、一 …

Suica(モバイルSuica)限定。グリーン車で電車を乗り換える方法

1年以上前の記事です。内容が古い可能性があります。最近、歳のせいか電車で座れない …

no image
SpywareBlaster

1年以上前の記事です。内容が古い可能性があります。この前、スパイウェアに犯された …

ワードプレス(WordPress)で公開ディレクトリを変える方法 #wp

1年以上前の記事です。内容が古い可能性があります。いつの間にやら「プロット・ファ …

USTREAMのiPhoneアプリでアカウントを切り替える方法

1年以上前の記事です。内容が古い可能性があります。今年の「うちわ祭」USTREA …

「まずはお問い合わせください」ではお問い合わせはしない

1年以上前の記事です。内容が古い可能性があります。最近は上司よりもむしろ部下から …

ブログとツイッター(twitter)の連携について一部変更

1年以上前の記事です。内容が古い可能性があります。いろいろなサービスを使っていま …

no image
ウォッシャー液の濃度を薄めると冬場危険な目にあうよ

1年以上前の記事です。内容が古い可能性があります。今年の冬は寒いですよね。 震災 …

WordPress(ワードプレス)+Google Analytics(グーグルアナリティクス)ですべてのリンククリック(クリックイベント)を計測する設定

1年以上前の記事です。内容が古い可能性があります。WordPress(ワードプレ …

オートコンプリート履歴(プラウザに記憶されたメールアドレス等)を削除する方法

1年以上前の記事です。内容が古い可能性があります。なんともこんな簡単なことだった …