音は鳴りますがビデオはありません

jQueryを使用してHTMLにビデオを追加しようとしています。私は、ビデオの音が再生されている限り、ビデオは再生されていません。信じられないほどイライラする！プラグインされたものか何かがないかどうかはわかりません。音は鳴りますがビデオはありません

Stackについてよく見ていたが、役に立たなかった。

HTML

<video id = "videoholder"></video>

jQueryの

$(document).ready(function(){ 
    $('#videoholder').append(
     '<video width="100%" autoplay>' + 
      '<source src="Images/event-video.mp4" type="video/mp4"></source>' + 
     '</video>'); 

});

右方向への任意のキックもいただければ幸いです。

乾杯！あなたがビデオ#videoholder内の動画を追加している

出典

2017-11-02 Kali Ma

おそらく、MP4コンテナ内のビデオは、あなたが使用しているブラウザでサポートされていないコーデックを使用しているが、それは単にビデオファイルへのアクセスを持たずに推測しています。 – Connum

appendは基本的にビデオにビデオを追加しています...あなたはvideoholderをdivにしてから追加することもできますし、既存のコードを動作させたい場合は、**を使用して外側のhtmlに追加する必要があります$（ '＃videoholder'）。親（）。html（....）** –

...かなりのdiv #videoholderにビデオを追加。..

例えば

$(document).ready(function(){ 
 
    $('#videoholder').append(
 
      '<video width="100%" autoplay>' + 
 
       '<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"></source>' + 
 
      '</video>'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    <div id = "videoholder"></video> 
 
    
 

 
</body>

出典

2017-11-02 17:48:42

素晴らしい - ありがとう！これを中心にするには、jQueryでもCSSを使用していますか？ –

または単に** $（ '＃videoholder'）。parent（）.html（ '<ビデオ幅= "100％"自動再生>' + '<ソースsrc = "Images/event-video.mp4" type = " '+ ' '）** –

いいえ..あなたの既存のコードで十分です... CSSについて心配する必要はありません –

音は鳴りますがビデオはありません

答えて

関連する問題