ねこきっくぱんちのメモ帳

webの勉強メモです。 HTML,CSS,JavaScript,PHP,Illustrator,Photoshopなど。

web001 動画の埋め込み

■手番

***サービスの貼り付け

Youtube,GoogleMapから貼りたい動画までいく。

・共有>埋め込みコード>コードをコピペ。

<iframe width="560" height="315"src="対象のURL" frameborder="0" allowfullscreen></iframe> ※height,widthは変更可

・htmlに貼り付ける。

 

***動画ファイルの貼り付け 

<video autoplay controls width="320" height="240">

<source src="pastaSauce.mp4">
<source src="pastaSauce.webm">
<p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p>
</video>

 

参考サイト

<video>タグで動画を埋め込む-HTML5リファレンス