以下のコードは、私が後ろで再生している映画を非表示にするだけです。要素を削除するか(可能な場合)、それを無効にします。特に、バックグラウンドで映画を再生します。使ってみdocument.video.disabled=true;
ましたが、うまくいきません。この問題を回避する方法はありますか?
<script type="text/javascript">
function showHide() {
var div = document.getElementById('wrapper');
if (div.style.display == 'none') {
div.style.display = '';
}
else {
div.style.display = 'none';
}
}
<form id="searchForm" name = "searchForm" onSubmit = "return fetchResults();">
<input id="q" name="q" type="text" alt="Search" placeholder="Type here">
<input type="hidden" name="wt" value="json" />
<input id="submit" type="button" value="Search" onClick = "fetchResults();showHide();changeStyle();" />
<div id="wrapper" style="display:''">
<div id="left">
random text
</div>
<div id="right">
<video width="500" height="300" controls="controls" autoplay="autoplay" name="video">
<source src="movie.mov" type="video/mp4" />
<embed src="movie.swf" width="600" height="500" />
</object>
</video>
</div>
</div>