2017-12-12 1 views
1

動画がページに読み込まれると自動的に再生したいです。ビデオは音がないので、あまりにも多くのユーザーを悩ますべきではありません。このクエリの 埋め込みYouTube動画を自動的に再生する

公式YouTube answer

は、ビデオIDの直後に &autoplay=1を追加することであり、それはこの CodePenテストで動作している間、それは私の実際のウェブサイトのページ上で動作していません。

Elsewhere on Stack Overflow&?に置き換えても機能しないという人もいます。 (それはビデオを壊さない、それだけでまだ自動再生しない)。

マイ埋め込まれたYouTubeのビデオ

<div class="background-video" style="background-color: #ebebeb; height: 655px;"> 

    <iframe width="100%" height="655" src="https://www.youtube.com/embed/bdw7V0vzQCs?&autoplay=1&rel=0&controls=0&showinfo=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> 

</div> 

サイトはWordpressの上に構築されており、現在MAMPサーバー上でローカルにホストされています。

答えて

1

autoplayの前に?を入れてください。最初の属性がyoutube urlに追加されている場合のみ入力してください。そうでない場合は&を使用してください。 このように:your-url.com?autoplay=1またはyour-url.com?key=value&autoplay=1 ?&の場合は、?に置き換える必要があります。

+0

私は、私が望むものを達成するために別のルートに進むことに決めましたが、間違っていると言われたら、それがなぜCodePenで動作するのか不思議です。私はそれがWordpress/MAMPの問題であるという仮定の下にあった。 –

+0

@SamJohnsonブラウザによって異なります。 Safari 11.0.1では動作しませんが、Firefox Quantum 57.0.1とChrome 63.0で動作します。私が上記のように正しく置くと、それらはすべて上手く機能します。 –

+0

私はFIrefox Quantumを使用していましたが、それは私のために働いていませんでした。 –

0

あなたのコードは正しいです、私はビデオが自動的に新しいPHPファイルを作成し、あなたのコードを追加することを確認しています。

サイトに問題がある可能性があります。

関連する問題