私は運がない同様の問題をどこでも探しました。
再生ボタンをクリックしても再生されない html5 mp4 ビデオがあります。クリックすると再生ボタンがハイライトされるため、クリックが感知されることはわかっています。他のデフォルト コントロールは応答性が高く、ビデオは再生されません。
DOMと正しく通信しているとは思いません。ビデオ コントロールはデフォルトの html5 です
この<video>
divには、呼び出された関数が起動するのを防ぐためのデフォルトの防止がありますdiv
が、これは再生ボタンを妨げてはなりません。特に、他のビデオ コントロールに影響を与えていないためです。.divWrapper
HandleMouseDown
ここに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();});
});