cssからhtml5ビデオタグソースを設定する方法

Question

html CSSの専門知識を持つ人は、私が解決できないこの簡単な問題を私に助けます。

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

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

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

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

Answer 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を使用する必要があります。