Edxのようなカスタマイズされたコントロールオプションを使用して、自分のWebサイトにYoutubeビデオを埋め込もうとしています。 しかし、これを達成するための適切なドキュメントは見つかりませんでした。 YouTube Player APIリファレンス を見てみました。これを達成する方法、またはチュートリアル/ドキュメントのリンクを教えていただけますか?
リンクしたドキュメントには、サンプルコードを含む「 Getting Started 」セクションがあります。このサンプルコードとドキュメントをざっと見てみると、シンプルな<button onClick"=player.playVideo()">
を使用すると、ビデオをもう一度再生するためのボタンが表示されます(サンプルコードによりビデオが自動的に停止するため)。
結果はここで確認できます: https://jsfiddle.net/LEOXD/eLqk2sxc/
Getting Startedセクションには、単に プレーヤーのロード のサンプルコードも含まれています。
ここからは基本的に、プレーヤーの下に独自の小さなバーをデザインするだけで済みます。 (<button>
sである必要はありません)。
YouTubeではカスタムプレーヤーからの再生回数はカウントされないことに注意してください。