商品サンプル画像
Python[完全]入門
商品ページ
Amazon
収益広告(手動登録)
商品サンプル画像
D.C.Ⅱ.S.S.~ダ・カーポⅡセカンドシーズン~(TV番組)
商品ページ
Amazon
非収益広告(手動登録)
商品サンプル画像
舞台『東京リベンジャーズ』~聖夜決戦編~
商品ページ
Amazon
収益広告(自動登録)
※Amazonレビュー要確認
商品サンプル画像
パパにさよなら
商品ページ
Amazon
収益広告(自動登録)
※Amazonレビュー要確認
商品サンプル画像
戦闘員D参上!
商品ページ
Amazon
収益広告(自動登録)
※Amazonレビュー要確認
記事の概要
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの対処法
作成日:2024-01-27
最終更新日:2024-01-27
記事の文字数:730
プログラミング
本記事のトピック
  • Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの問題点
  • コード例
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの対処法
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの問題点
このページを見てる時点で説明せずとも……だと思いますが。
縦型配信で横型ゲームの配信をPC(横型のモニタ)で見ると、縦型の時点で画面がかなり狭くなるのに、その狭い領域の一部でしかゲーム画面が表示されないのでかなり見にくい状態になります。
なのでゲーム画面部分だけを無理やり拡大した上で、ゲーム画面以外の部分を隠すことで問題解決することにします。
ただボク自身配信をあまり見ないというのもあり、思い付きでテキトーにやってるだけなので全然労力はかけてません。
コード例
あまり良いものではないですが、以下のコードをブラウザで実行するとちょっとだけいい感じになります。
ただこのやり方も無理やりなので、位置がずれたりします。あとシークバーが画面外に出ていってしまうので消えます。
elm = document.createElement('style'); elm.innerText = ` #player{ overflow: hidden; height: 300%; } #player-container-outer{ margin: 0 !important; margin-top: 10px !important; } #player-container-inner{ transform: scale(3.0, 3.0); width: 300%; height: 300%; text-align: left; } `; document.getElementsByTagName('head')[0].appendChild(elm);
問題だらけですが使いたければどうぞ
コメントログ
※コメントは最新50件が表示されます
コメント投稿




画面下部の「コンタクト」からも連絡可能です。
管理人ツイート
商品サンプル画像
舞台『東京リベンジャーズ』~天竺編~
商品ページ
Amazon
収益広告(自動登録)
※Amazonレビュー要確認
商品サンプル画像
イナズマイレブン・ザ・ムービー 2025
商品ページ
Amazon
収益広告(自動登録)
※Amazonレビュー要確認
商品サンプル画像
アシュリー、魔法はよいこになってから!(全3巻)
商品ページ
Amazon
非収益広告(手動登録)
商品サンプル画像
スッキリわかるJava入門 第3版 (スッキリわかる入門シリーズ)
商品ページ
Amazon
収益広告(手動登録)
管理人作品宣伝
【アークナイツ】グムがずっと殴ってくれる動画
動画 / 最終更新:2025-02-14
喝を入れたいあなたに。…喝を入れたいあなたに。

YouTubeで閲覧する利用素材等の詳細情報
【アークナイツ】アークナイツ運動会-関所破壊レース
動画 / 最終更新:2025-01-16
アークナイツ生息演算の岸壁の関の関門を誰が最速で破壊できるかを競います。…アークナイツ生息演算の岸壁の関の関門を誰が最速で破壊できるかを競います。

YouTubeで閲覧するニコニコ動画で閲覧する利用素材等の詳細情報
作品一覧はこちら
関連ページ
【プログラミング】実例で分かるかもしれない再帰処理
最終更新日:2024-12-15
本ページは以下動画の台本を書き起こしたものです 解説の趣旨・方向性 皆さん、こんばんは今回はプログ…
記事を閲覧する
SNSツイート一元化対応(Twitter・Misskey・Mastodon・Bluesky)-公開
最終更新日:2024-12-06
概要 SNSツイートを一元化するためのツールを作成しています(古い記事ですが、こちらのページで紹介…
記事を閲覧する
SNSツイート一元化対応(Twitter・Misskey・Mastodon・Bluesky)-Python
最終更新日:2024-10-13
概要 概要 SNSのツイートを一元化する際の備忘録というかPythonコードの共有です。 それぞれ…
記事を閲覧する
Windows-PowerShellを使用してのフォルダ内のファイル名を連番にリネームする
最終更新日:2024-10-08
以下PowerShellコードを実行することで、フォルダ内のすべてのファイルのファイル名を「0001…
記事を閲覧する
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの対処法
最終更新日:2024-01-27
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの問題点 このページを見てる時点で…
記事を閲覧する
SCSSとやらでメディアクエリと疑似要素の組み合わせに小一時間苦戦したという話
最終更新日:2024-01-15
SCSSとやらでメディアクエリと疑似要素の組み合わせに小一時間苦戦したという話 当然ですが本サイト…
記事を閲覧する
ボタンを押す演出でCSSのtranslateYやtopを使用することの問題
最終更新日:2023-11-15
ボタンを押す演出でCSSのtranslateYやtopを使用することの問題…
記事を閲覧する
本サイトのタグ一覧
NovelAIR18VRoidWebサイト作成Webツールととモノ。アークナイツアークナイツ-ステージ攻略日記アズールレーンアズールレーン-日記ウマ娘ギャラリーゲームデビラビローグネットスラング系プログラミングホラーポケットタウン怪談気ままな日記情報技術情報技術-WebAPI知的財産権統合戦略白夜極光本サイトについて魔王スライム様がんばる!漫画
人気記事
ポケットタウン_パズル一覧
最終更新日:2025-05-02
スコア:768.0525 pt
グレーのピースの数 (Number of gray pieces):検索グレーピースの数を入力して、…
記事を閲覧する
メイド・オブ・ザ・デッド-攻略お助け情報
最終更新日:2024-05-01
スコア:514.6701 pt
ネタバレ注意! 本ページは『メイド・オブ・ザ・デッド』の情報を記録しているものです。 攻略の参考に…
記事を閲覧する
剣と魔法と学園モノ。2G - パーティ編成確認ツール
最終更新日:2024-05-09
スコア:187.3548 pt
ツール概要 ととモノ。2Gのパーティ編成を考える際に使うツールです。 あくまでストーリークリアまで…
記事を閲覧する
地獄先生ぬ~べ~で好きな切ないエピソード
最終更新日:2025-07-08
スコア:170.2278 pt
概要 初代というべきか、週刊少年ジャンプで連載されていた地獄先生ぬ~べ~の切ないエピソードの中で好…
記事を閲覧する
ゲーム『イカれた狩場の看板娘』の紹介・レビュー
最終更新日:2025-05-01
スコア:162.0511 pt
記事概要 イカれたゲームを紹介するぜ! イカれた狩場の看板娘! 以上だ! ちなみにそんなイカれてな…
記事を閲覧する
黒バス:キセキの世代級の人たちの技一覧
最終更新日:2024-07-21
スコア:123.5981 pt
黒バスのキセキの世代級の人たちの技一覧です 概要 黒バスのキセキの世代級の人たちの技を記載したもの…
記事を閲覧する
アークナイツ-常設商品-理性換算
最終更新日:2024-04-28
スコア:116.7353 pt
概要 "常設商品でお得な商品はどれか"というのを理性に換算して一覧化したものとなります。 絶対的に…
記事を閲覧する
本サイトについて
最終更新日:2025-07-10
スコア:100.0102 pt
本サイトの概要 概要 個人ブログのようなものです。とくにジャンルはありません。 本サイト内の情報に…
記事を閲覧する
最新記事
本サイトについて
最終更新日:2025-07-10
本サイトの概要 概要 個人ブログのようなものです。とくにジャンルはありません。 本サイト内の情報に…
記事を閲覧する
地獄先生ぬ~べ~で好きな切ないエピソード
最終更新日:2025-07-08
概要 初代というべきか、週刊少年ジャンプで連載されていた地獄先生ぬ~べ~の切ないエピソードの中で好…
記事を閲覧する
htmlタグ混在のテキストをhtmlタグとプレーンテキストで分けるJavaScriptコード
最終更新日:2025-06-20
概要 「よくある質問は a href="/" こ span ち /span ら /a です」 とい…
記事を閲覧する
htmlタグ混在のテキストを1行ずつ左から右へワイプ表示する - JavaScript / CSSコード
最終更新日:2025-06-16
JavaScript全文コード 使い方 以下のJavaScriptとCSSコードを読み込んで、Te…
記事を閲覧する 返礼特典
商品サンプル画像
映画しまじろう しまじろうと ゆうきのうた
商品ページ
Amazon
収益広告(自動登録)
※Amazonレビュー要確認