Youtubeの動画再生時のURLを改変したい。

Question

実現したいこと

• Youtubeの動画再生時にURLの　watch?v=_　を　embed/　に置き換えたい

前提

Javascriptでブラウザのブックマークとして使えるURL変換コードを探しています

発生している問題・エラーメッセージ

メッセージというより動作しません

該当のソースコード

function chikan1()
{
  var url = window.location.href;
  var url_rep = "";

  url_rep = url.replace( /\/watch?v=/g , "embed/" ) ;
  url_rep = url_rep.replace( /\:/g , "_" ) ;
  url_rep = url_rep.replace( /\./g , "_" ) ;
  document.write ( url_rep );
 } 

試したこと

全く詳しくないので、調べて出てきたサイトの中から一部をいじったものを動作確認しました

補足情報（FW/ツールのバージョンなど）

すみません、詳しくないのでよくわかりません

Comments

[int32_t]

embed/ に置換した後のURL文字列で、何をしたいのでしょうか? そのURLにページ遷移したい? そのURLをアドレスバーに表示したいがページ遷移したくない?

[shinoharat]

パラメータが「v」しか無い場合は単純な replace でも良いですが、動画の開始位置（パラメータ「t」）が指定されている場合はもう一工夫する必要があります。

開始位置は切り捨てても良いのでしょうか？

Answer 1

https://www.youtube.com/watch?t=7m15s&v=abc123def
のように他のパラメータが含まれる可能性もあるので、replace 関数より URL インターフェースを使った方が良いと思います。

以下の例では、パラメータ名が "v" のデータのみ取り出し、残りのパラメータは切り捨てています。

(()=>{
  let url = new URL(window.location);
  let param_v = url.searchParams.get('v');

  window.location.href = '/embed/' + param_v
})()

ブックマークレット用に圧縮すると

javascript:((l,v)=>{v=new URL(l).searchParams.get('v');l.href='/embed/'+v})(location)

みたいな感じです。

--

ちなみに、開始位置を切り捨てたくない場合、 t=7m15s (7分15秒) の部分を start=435(435秒) のように、秒数に変換する必要があります。
そこまで求めておられるのか、質問文からは読み取れないので、とりあえずその方法は割愛します。

Comments

[Austraria]

ありがとうございます！目的の部分を置き換えたかっただけなので大丈夫です。