0

デスクトップやタブレットで再生するためにビデオをロードしたいのですが、それは単なるグラフィック要素であるため、iPhoneでロードされないようにします。

これが私のコードです：

<video width="980" height="400" poster="/poster.jpg" autoplay loop>
 <source src="/images/front.mp4" type="video/mp4">
 <source src="/images/front.webm" type="video/webm">
 Your browser does not support the video tag.
</video>

iPhoneにビデオをロードせず、ポスターフレームを表示するように指示するにはどうすればよいですか？

ありがとう。

4

1 に答える 1

2

このようなものが機能するはずです：

<script>
var videoElement = document.getElementsByTagName("video")[0];

if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    videoElement.parentNode.removeChild(videoElement);
    videoElement.pause();
}
</script>

videoこれは、ページに要素が1つしかないことを前提としています。

また、JavaScriptを閉じるbody要素の前に配置するか、外部のJavaScriptファイルに配置してください。

于 2013-02-08T18:19:08.700 に答える