html - 自分のサイトでムービーをシームレスに再生する (コントロールやフレームなし)

Question

訪問者が自分のサイトに到着したときに、短いムービー クリップを再生したいと考えています。私は、ビデオ領域がムービー コントロールなしで表示され、境界フレームがまったく表示されないようにして、動画のように見えるようにしたいと考えています。それを行う最善の方法は何ですか？

私はブラウザのサポートについてはあまり気にしていません。私はフラッシュを使いたくない。

ありがとう。

Answer 1

これは、HTML5 の video 要素と少しの JavaScript を使用して簡単に行うことができます。以下を使用してビデオをページに埋め込むことができます。

<video id="video">
<source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>

src を置き換えて、自分の情報を入力するだけです。Javascriptに関しては、次を使用できます。

var video = document.getElementById("video");
video.removeAttribute("controls");

もちろん、これは video 要素の ID が「video」であることを前提としています。