0

以下を使用して、Wordpress サイトにビデオを配置しています。

<param name="src" value="http://www.mywebsite.com/announcement.mov">
<param name="autoplay" value="true">
<param name="type" value="video/quicktime" height="560" width="950">

<embed src="http://www.mywebsite.com/announcement.mov" height="560" width="950" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">

これについて私が気に入らない部分は、ページにいるときはいつでもビデオの冒頭のフレームを見ることができるということです. 再生ボタンをクリックするまで、真っ黒か真っ白な画面にする方法があればいいのですが。

4

1 に答える 1

0

Stack Overflow のこのスレッドで説明されているように、ビデオ プレースホルダーを使用することをお勧めします: How to add a splash screen/placeholder image for a YouTube video

考慮事項の 1 つ: jQuery/JavaScript が失敗した場合、ビデオも読み込まれません。

アップデート

あなたのHTMLで：

<img class="video-placeholder" src="placeholder.jpg" data-video="http://www.mywebsite.com/announcement.mov">

JS ファイルで:

$('.video-placeholder').click(function(){
    var video = '<param name="src" value="' + $(this).attr('data-video') + '">
    <param name="autoplay" value="true">
    <param name="type" value="video/quicktime" height="560" width="950">
    <embed src="' + $(this).attr('data-video') + '" height="560" width="950" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">';
    $(this).replaceWith(video);
});
于 2013-08-14T12:36:45.197 に答える