W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:q2HE7o さんの質問

動画の埋め込みに関しての質問です。

http://www.designnow.net/template/date/public_html19/index.html
こちらのテンプレートの画像部分にflv or mp4の動画を埋め込みたいのですがやり方がわかりません。
画像はcssで設定されており
div#mainImgBox{
margin: 0 auto;
text-align: left;
width: 960px;
background: url(../../index/img/画像) no-repeat top right;
min-height:381px;
height: auto !important;
height: 381px;
}
上記のような形で定められています。
もちろんurlの部分に動画のurlをいれてもうまくいきませんでした。
youtubeなどの動画を埋め込むのではなく、HPと同様のサーバーにアップロードした動画を埋め込みたいです。

お力お貸しいただけないでしょうか

みんなの回答 2 件

ID:c3Ys8x さんの回答

htmlに以下を記述してレイアウトはcssで調整してくれい。
<video src="sample.mp4"></video>
自動再生したいとかいろいろあると思うけど、そのへんの設定は以下参照。

<video>-HTML5タグリファレンス

http://www.htmq.com/html5/video.shtml
ID:MsWNeT さんの回答

こう
<div id="mainMessageBox">
<strong>私たちが…</strong>
<span>そこは…</span>
<video src="sample.mp4" class="mainVideo"></video>
</div>
で、cssでmainVideoの位置を調整。
backgroundはあくまで背景の設定であって、動画を設定するものじゃない。

最終更新日:2016-10-19 (684 views)

関連するトピックス

ページ上部に戻る