2

私は運がない同様の問題をどこでも探しました。

再生ボタンをクリックしても再生されない html5 mp4 ビデオがあります。クリックすると再生ボタンがハイライトされるため、クリックが感知されることはわかっています。他のデフォルト コントロールは応答性が高く、ビデオは再生されません。

DOMと正しく通信しているとは思いません。ビデオ コントロールはデフォルトの html5 です

この<video>divには、呼び出された関数が起動するのを防ぐためのデフォルトの防止がありますdivが、これは再生ボタンを妨げてはなりません。特に、他のビデオ コントロールに影響を与えていないためです。.divWrapperHandleMouseDown

ここにhtmlがあります

<div class="vidWrapper">  

   <video width="430" height="261" preload="metadata" controls>  

      <source src="vids/JB_COMMERCIAL_WEB.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>  
      <source src="vids/JB_COMMERCIAL_WEB.ogv" type='video/ogg; codecs="theora, vorbis"'>  
           <object width="640" height="384" type="application/x-shockwave-flash"  
            data="vids/JB_COMMERCIAL_WEB.swf?image=JB_COMMERCIAL_WEBplaceholder.jpg&file=vids/JB_COMMERCIAL_WEB.mp4">  
                <param name="movie" value="JB_COMMERCIAL_WEB.swf?image=JB_COMMERCIAL_WEBplaceholder.jpg&file=vids/JB_COMMERCIAL_WEB.mp4" />
           </object>
   </video>
</div>

防止のデフォルト スニペットを次に示します。

$("#" + section + "Copy").slideDown("normal", function()   
{ dropdownSection = section; document.onclick = HandleMouseDown;  
$(".vidWrapper").click(function(HandleMouseDown) {return false;});});

編集:jqueryを挿入してビデオを強制的に再生することで、ビデオを再生することができました。今、私は別の問題を抱えています。ビデオは再生されますが、一時停止しません。

私の質問は、クリックしたときにビデオが一時停止するようにコードを変更するにはどうすればよいですか?

これが最新のコードです:

$("#" + section + "Copy").slideDown("normal", function() { dropdownSection = section; document.onclick = HandleMouseDown; $(".vidWrapper").click(function(HandleMouseDown) {return false;});   
$(".vidWrapper").click(function() {$('video', this).get(0).play();});  
}); 
4

2 に答える 2

0

あなたのコードはよさそうだ

  1. ビデオがブラウザで直接再生されているかどうかを確認し([n]をクリックしてブラウザにドロップ)、ビデオファイルが壊れていないかどうかを確認します

    1. 別のmp4ファイルを再生できますか?そうでない場合は、私が書いたばかりのこの投稿をチェックして、サーバーのmimeタイプをチェックしてください-> Webサイトで映画/DVDを再生する
于 2012-04-24T08:13:18.183 に答える