YouTube の動画を90度回転させるブックマークレット「改良版」

前回の「YouTube の動画を90度回転させるブックマークレット」の記事では、デスクトップ版ユーチューブ（ブラウザで見るユーチューブ）の動画を90度回転させるブックマークレットの作成方法をご紹介しましたが、色々と改善できる点が多そうだな～という事でこちらの記事ではその改良版をご紹介してみたいと思います、まず前回のブックマークレットだと動画だけではなくシークバーなどのコントロールバーも回転しちゃうんですよね、これだとマウスのクリックではかなり操作がしにくくてキーボードでの操作とかになっちゃうので動画以外は回転しないようにしてみました、そして前回のブックマークレットでは横向きになった動画を縦向きにする事はできますが、縦向きの動画を横向きにすると小さなサイズのまま回転するので結局使えなかったんです、そこで今回の改良版ブックマークレットでは動画の縦向きから横向き（動画のサイズが大きくなって拡大する）にも対応できるように改良を加えてみました、これで縦向きを横向き、横向きを縦向きの両方の動画に対応できるようになりましたね。

もし前回の記事でご紹介したブックマークレットを作成済みの場合は「URL」のコードを下記のコードに上書きしちゃってください、ブックマークレットを新しく作成する場合はまず新規のブックマークを作成して「名前（任意の名前）」と「URL（下記のコード）」を入力して「保存」ボタンをクリックするだけです、これでブックマークレットの作成は完了ですね、ちなみに前回ご紹介した改良前のブックマークレットはクリックするたびに動画を90度回転させていましたが、今回の改良版はこの動作もちょっと変更しています、内容は以下をご覧ください。

1回目：横向きを縦向きに（90度回転）
2回目：縦向きを横向きに（270度回転）
3回目：元に戻る

javascript:(function(){
  const video = document.querySelector('video');
  if(!video) return;
  
  const t = video.style.transform;
  
  if(!t || t === 'none') {
    video.style.transform = 'rotate(90deg) scale(0.5625)';
  } else if(t.includes('rotate(90deg)')) {
    video.style.transform = 'rotate(270deg) scale(1.7778)';
  } else {
    video.style.transform = 'none';
  }
  video.style.transformOrigin = 'center center';
  video.style.transition = 'transform 0.3s ease';
})();