2017-02-22 7 views
0

html CSSの専門知識を持つ人は、私が解決できないこの簡単な問題を私に助けます。cssからhtml5ビデオタグソースを設定する方法

基本的に、私のHTMLページにはsrc属性が付いたビデオ要素があります。

ここで私がしたいのは、このsrc属性をvideo要素から削除し、このsourceをそのvideo要素のcssクラスに入れることです。

したがって、ビデオ要素のsrcをcssから設定するにはどうすればよいですか。

urlコンテンツ属性を使用しようとしましたが、うまくいかないようです。
または多分私はそれを間違っている。 これを入力したり、cssを使用してhtml5ビデオ要素のソースを設定する小さなコードを共有できる人には感謝します。 私を助けてください。 ありがとうございます。

+1

CSSでこれを行うことはできません。このためにはJSを使用する必要があります。 – cloned

+0

なぜですか?説明してください。つまり、imgタグのsource属性をcssから設定できますが、動画では設定できません。どうして? – Harshit

+1

@ハーシュット:これもできません。 CSSから背景イメージを設定することはできますが、要素の属性には影響しません。 – Cerbrus

答えて

1

CSS経由でビデオソースを設定することはできません。 あなたがビデオの基本的な構造下記参照ので:

<video> 
    <source src="sample.mp4" type="video/mp4"> 
    <source src="sample.ogg" type="video/ogg"> 
    Your browser does not support HTML5 video. 
</video> 

あなたは、などの背景画像、色、のような他の属性を設定することができますただし、再生ボタンを設計するために使用される、CSSを介してソースを設定することはできません&その他のボタン機能 <source src="sample.mp4" type="video/mp4"></source>を使用せずにこれを行う必要がある場合は、JavaScriptを使用する必要があります。

関連する問題