バージョン選択

フォーラム

メニュー

オンライン状況

93 人のユーザが現在オンラインです。 (84 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 93
もっと...

サイト内検索

 > フロント機能 > youtube 動画をレスポンシブに

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
qchs
投稿日時: 2016/8/21 22:57
対応状況: −−−
半人前
登録日: 2016/5/4
居住地:
投稿: 18
Re: youtube 動画をレスポンシブに

早速のご回答ありがとうございます。
私は標準のテンプレートを利用しておりますので
早速試しに
default.css

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
を追加し

動画埋め込み先に
<div class=”video”>
埋め込みコード
</div>

としたのですが
ダメでした。

何か気をつけるべきところはございますでしょうか?
どうぞ宜しくお願いします。
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
   youtube 動画をレスポンシブに qchs 2016/8/20 3:12
     Re: youtube 動画をレスポンシブに umebius 2016/8/20 21:12
     » Re: youtube 動画をレスポンシブに qchs 2016/8/21 22:57
       Re: youtube 動画をレスポンシブに qchs 2016/8/23 0:01

 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,856名です
総投稿数は109,989件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1291
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.