1

これは私の最初の質問です。ご理解とご協力をお願いいたします。Safari/Chrome の Mac ユーザーのみに奇妙な問題が発生しています。これは、IE7、IE8、Chrome、FF、およびサファリ (Windows) で見事に機能します。Safari/Chrome ブラウザーに関連する問題を特定して特定しようとしています。これは、ページの読み込み時に非表示の div 内に埋め込まれたビデオの再生がすぐに開始されるためです。

私の会社はホームページを再設計し、最近私はそれを私たちのサイトに構築しました。私はかなり新しいもので、これは JQuery スライダー、HTML5 などを使用した最初の単独の Web ページでした (ここにリンクを提供することはできません)。

ページの説明:

  1. auto-advance.js ファイルを使用して、7 秒ごとに画像の回転を自動化するスライダーを配置しています。
  2. この画像リスト スライダーに属する画像の 1 つには、「ビデオの再生」ボタンがあります。以下は、「ビデオを再生」href クリックで「画像を非表示」にして「ビデオ div を表示」する JavaScript 関数を呼び出すイメージ マップ領域です。

Javascript 関数:

    `function doStuff() {
    $('div#vid').css('display','inline');
    $('img.hid').css('display','none');
    }

`

HTML5 iframe youtube 埋め込みコードを含む非表示の div は次のとおりです。

    `<div style="display:none;" id="vid">
    <iframe class="youtube-player" type="text/html" width="770" height="430"        src="http://www.youtube.com/embed/cPoENdJx5DQ?       wmode=transparent&feature=player_embedded&autoplay=1&rel=0" frameborder="0"        allowfullscreen="false">
    </iframe>
    </div>

` Windows ではすべてが美しく動作しますが、Mac ユーザーの場合、ビデオはバックグラウンドで再生され始めます (div がまだ非表示になっているため、ビデオから音楽が聞こえます)。問題をすぐに修正するには、問題を一時的に解決したサイトで自動再生オプションをオフにする必要がありました (ここでは、1 に戻します)。

chrome/safari mac ブラウザーが、href の「ビデオを再生」ボタンのクリックではなく、ページロード自体でビデオを自動再生する理由を理解しようとしています。

私は詳細な調査を実施しましたが、この問題に関するこの記事しか見つけることができませんでした: http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27722407.html、おそらくこれが原因である可能性があると思いますおそらくいくつかのコードの衝突の？もしそうなら、なぜ Windows のブラウザは完璧に動作するのでしょうか?

どんな助けでも大歓迎です！

4

1 に答える 1

0

私は提案します：

function vidrun(){
    var span = document.createElement("span");
    span.innerHTML = 'code here for video';
    document.getElementById("the surrounding element's id").appendChild(span);
)

これにより、実際にビデオをロードして開始するのではなく、ビデオを自動的に再生したい時間になったときにのみビデオが追加されます。
その時点に到達したら、ビデオの再生を開始するために必要なことは、 を呼び出してvidrun()完了です :]

于 2012-06-20T18:41:15.090 に答える