web-dev-qa-db-ja.com

youtube iframe埋め込みプレーヤーから「後で見る」ボタンと「共有」ボタンのみを削除することは可能ですか？

後で時計を削除し、YouTube iframe埋め込みプレーヤーからボタンを共有するにはどうすればよいですか。次の埋め込みコードを使用して、ビデオクリップを埋め込みます。

<iframe width="854" height="480" src="https://www.youtube.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen></iframe>

Showinfo = 0を使用すると、ビデオタイトルも含むヘッダー全体が削除されます。

ヘッダーから「後で見る」ボタンと「共有」ボタンのみを削除することはできますか？

javascripthtmliframeyoutubeyoutube-api
17
Rohit Kumar

このパラメーターは非推奨であり、2018年9月25日以降は無視されます。

showinfo=0 it's not support anymore

12
monkey from Tanzania

YouTube embedのプライバシー強化モード（youtube-nocookie）を使用すると、「後で見る」ボタンは非表示になりますが、「共有」ボタンは非表示になりません。

<iframe width="854" height="480" src="https://www.youtube-nocookie.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen></iframe>
11
user6451184

リンクの後にこの行を追加

https://www.youtube.com/embed/c5cHjtspa7M?mode=opaque&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;wmode=transparent

共有を無効にし、後で見るオプション

8
Deendyal Agarwal

例として、これはあなたがやろうとしていることです：

document.getElementsByTagName('iframe')[0].contentWindow.getElementsByClassName('ytp-watch-later-button')[0].style.display = 'none';

しかし、簡単な答えとして、YouTubeは別のドメインにあるため、これを行う簡単な方法はありません。

'クライアント側からは不可能です。 Iframeはドメインの一部ではないため、javascriptエラーが発生します。「エラー：プロパティ「ドキュメント」へのアクセス許可が拒否されました...」 https://stackoverflow.com/a/30545122/2488877 =

ただし、上記の質問に対する回答が技術に精通している場合は、ニーズに合った回答を見つけることができます。

6
b00t

Iframeメソッドでは不可能だと思います。私が考えている理由は：

  • パラメータページ にリストされているオプションではありません
  • 私は このスレッド を見つけました。彼らのチームのメンバーは、その時（2012年）には不可能だと言い、能力を追加する計画はありませんでした。

おそらくshowinfoをオフにし、他の methods を使用してビデオタイトルを取得することで、同様のことを実現できます。

4
Richard B

showinfo

注：このパラメーターは非推奨であり、2018年9月25日以降は無視されます。

サポートされる値は0および1です。

パラメータの値を0に設定すると、プレーヤーは、ビデオの再生を開始する前にビデオタイトルやアップローダーなどの情報を表示しなくなります。

プレーヤーがプレイリストをロードしていて、パラメーター値を明示的に1に設定した場合、ロード時に、プレーヤーはプレイリスト内のビデオのサムネイル画像も表示します。

https://developers.google.com/youtube/player_parameters

1
Damian Bennett

それを行う唯一の方法は、overflowがhiddenに設定されているコンテナの上部に負のマージンを作成することです。 my CodePen here を参照してください。

CSS：

.videoWrapper {
  overflow: hidden;
}
@media (min-width: 1500px) {
  .videoWrapper {
    margin-top: -135px;
  }
}
@media (min-width: 1200px) {
  .videoWrapper {
    margin-top: -75px;
  }
}

HTML：

<div class="videoWrapper">
  <iframe width="100% src="https://www.youtube.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen></iframe>
</div>

しかし、もちろんあなたはあなたのビデオのトップを失います。 YouTubeの利用規約 の一部に違反している可能性もあります。

また、これはブラウザの幅が1200pxを超える場合にのみうまく機能する傾向があります。この下のタイトルと上部のコントロールは、プレーヤーの不動産のかなりの割合を占めるため、ビデオの上部から多くを失うことになります。

1
clayRay

Url paramsにparams：showinfo = 0を入れます。

このように： https://www.youtube.com/embed/youidvideo?autoplay=1&rel=0&showinfo=

共有が削除され、後で見るボタンが表示されます！

1
Martin Nantel