3

このウェブサイトの[インスピレーションを得る] タブで、フルスクリーンの YouTube プレーヤーに YTplayer プラグインを使用してい ます。

  • 以下のコードと便利なリンクを提供しました。コードは正しいと思います!
  • ビデオプレーヤーの下部にあるホバーで再生コントロールをクリックすると、プレーヤーが機能します!(下の画像)!
  • 自動再生が機能しない理由を整理するのを手伝ってください。
  • 私のコードはどこにエラーがありますか?

プレーヤー


お役立ちリンク >>


https://github.com/pupunzi/jquery.mb.YTPlayer

http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-YTPlayer/

http://pupunzi.com/#mb.components/mb.YTPlayer/YTPlayer.html


コードはこちら>>


<a class="player" id="player" data-property="{
               videoURL: 'https://www.youtube.com/watch?v=j9fgbuH0_RI&feature=youtu.be',
               containment:'#videobg',
               autoPlay: true,
               optimizeDisplay: true,
               showControls: true,
               startAt: 0,
               opacity: 1,
               ratio: '4/3', 
               addRaster: false }"></a>

            <div id="videobg" class="section-divider white-text videobg" data-scroll-index="4">
                <div class="pattern-overlay"></div>
                <div class="triangle-right"></div>

                <div class="container extra-padding">
                    <div class="col-md-5 extra-padding">
                        <h1>INNOVATING THROUGH TRAVEL</h1>
                        <p>Travel is more than the seeing of sights; it is a change that goes on, deep and permanent, in the ideas of living.</p>
                    </div>
                </div>
            </div>

解決

  • ytplayer の Java スクリプトの最新バージョンを使用します。
4

1 に答える 1