2016-05-23 8 views
0

ある場合Codepenを見てみてください。 http://codepen.io/hennysmafter/pen/YqmLKRjQueryの/ HTML5モーダル動画自動再生はそれが簡単に理解できるようにするために存在するプレイ動画

codepenがある部分だけで実際のコードの簡単なバージョンであります必要! codepenで

あなたは1つのポップアップが自動再生でvideo要素 を持っており、他の準備ができて、文書でページ上のすべてのビデオ要素はこれができない一時停止されている

自動再生することなく、video要素を持つ2つのポップアップを持っています

    :今、私はちょうどように適応し、コードを持っている必要があり、実際のコードであるため、他の動画の

    を変更することがクリックポップアップで

  1. が開き、クラスが(既に存在)opened
  2. を追加されるポップアップ内の映像要素は、自動再生を持っている場合、(動作していない)ビデオを再生
  3. またはNO自動再生ので

    if ($('.modal-box.opened').find('video').attr(autoplay) == true) { 
        $('.modal-box.opened').find('video').each(function() { 
         $(this).get(0).play(); 
    }); 
    } 
    
何もしません

答えて

2

よくある間違いは2つあります。の部分は、autoplayが真であるかどうかをチェックする部分でのみ使用されます。

単一の=は、変数を設定するために2つが等しいかどうかをチェックするために使用されます。

編集:また、従来のHTMLスタイルの属性チェックをjQueryオブジェクトで使用しようとしています。 jQueryので属性をチェックするには、そのため.attr(attributeName)

を使用する必要があり、正しい行は次のようになりif ($('.modal-box.opened').find('video').attr(autoplay) == true) {

+0

は、あなたの答えをいただき、ありがとうございます。私はコードを変更しましたが、ビデオはもはや全く機能しません。必ずしもこのコードを残したいとは限りません。 'autoplay'という単語が'

+0

私はより多くの情報で投稿を編集しました。 – figgycity50

+0

私は理由は分かりませんが、動作しません。私はCodepenに入れようとしています!あなたの答えが間違っているとは言いませんが、それは私が思うには別のものではないと思うからです! – purple11111

関連する問題