個人ブログのようなものです。とくにジャンルはありません。
広告枠
Python[完全]入門
商品ページ
Amazon
本記事のトピック
  • Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの問題点
  • コード例
記事の概要
作成日:2024-01-27
最終更新日:2024-01-27
記事の文字数:730
プログラミング
管理人作品宣伝
【ドラゴンクエストモンスターズ テリーのワンダーランドRETRO】ふじみのワンダーランド-Part01
動画 / 最終更新:2024-06-12
テリワンRETROのプレイ動画です。…
YouTubeで閲覧するニコニコ動画で閲覧する
利用素材等の詳細情報
VRoidポーズ集-Part03
3Dモデル / 最終更新:2024-12-03
VRoidのポーズデータ(vroidpose)集です。 写真とかによくありそうなポーズ…
Boothで閲覧する
利用素材等の詳細情報
作品一覧はこちら
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);
問題だらけですが使いたければどうぞ
コメントログ
コメント投稿




広告枠
スッキリわかるJava入門 第3版 (スッキリわかる入門シリーズ)
商品ページ
Amazon
関連ページ
【プログラミング】実例で分かるかもしれない再帰処理
本ページは以下動画の台本を書き起こしたものです 解説の趣旨・方向性 皆さん、こんばんは今回はプログ…
SNSツイート一元化対応(Twitter・Misskey・Mastodon・Bluesky)-公開
概要 SNSツイートを一元化するためのツールを作成しています(古い記事ですが、こちらのページで紹介…
SNSツイート一元化対応(Twitter・Misskey・Mastodon・Bluesky)-Python
概要 概要 SNSのツイートを一元化する際の備忘録というかPythonコードの共有です。 それぞれ…
Windows-PowerShellを使用してのフォルダ内のファイル名を連番にリネームする
以下PowerShellコードを実行することで、フォルダ内のすべてのファイルのファイル名を「0001…
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの対処法
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの問題点 このページを見てる時点で…
SCSSとやらでメディアクエリと疑似要素の組み合わせに小一時間苦戦したという話
SCSSとやらでメディアクエリと疑似要素の組み合わせに小一時間苦戦したという話 当然ですが本サイト…
ボタンを押す演出でCSSのtranslateYやtopを使用することの問題
ボタンを押す演出でCSSのtranslateYやtopを使用することの問題…
管理人ツイート
本サイトのタグ一覧
NovelAIR18VRoidWebサイト作成Webツールアークナイツアークナイツ-ステージ攻略日記アズールレーンアズールレーン-日記ウマ娘ギャラリーゲームデビラビローグプログラミングホラーポケットタウン怪談気ままな日記情報技術情報技術-WebAPI知的財産権統合戦略白夜極光本サイトについて魔王スライム様がんばる!漫画
人気記事
メイド・オブ・ザ・デッド-攻略お助け情報
ネタバレ注意! 本ページは『メイド・オブ・ザ・デッド』の情報を記録しているものです。 攻略の参考に…
1145.8913 pt
剣と魔法と学園モノ。2G - パーティ編成確認ツール
ツール概要 ととモノ。2Gのパーティ編成を考える際に使うツールです。 あくまでストーリークリアまで…
286.0804 pt
アークナイツ-特訓アイテムの使用先考慮
アークナイツ-特訓アイテムの使用先について 概要と注意事項 この記事は1年以上前の実装状態での結果…
144.4000 pt
アークナイツ-5周年商品-理性換算
概要 "「5周年商品」および「新常設商品」でお得な商品はどれか"というのを理性に換算して一覧化した…
118.5679 pt
アークナイツ-「二次創作ガイドライン」と「ファンキット利用ガイドライン」の関連について
本記事の概要と注意点 本記事の趣旨・方向性 「アークナイツの二次創作ガイドライン」について、分から…
85.3333 pt
管理人について
「ふじみ むい」と言います ひょんなことから肉体を得たのでその肉体を使って活動をしています。 とい…
84.0122 pt
アークナイツ-昇進2率ランキング
アークナイツのTier表を作る際の備忘録です こちらのページで、昇進2率を基にTier表を作ろうと…
69.1277 pt
アークナイツ-4周年パック理性換算
概要 "4周年パックでお得な商品はどれか"というのを理性に換算して一覧化したものとなります。 絶対…
60.5000 pt
最新記事
メンバーシップについて
概要 他サイトのサービスでメンバーシップ登録が可能です。 メンバーシップ特典もありますが、基本的に…
本サイトについて
本サイトの概要 個人ブログのようなものです。とくにジャンルはありません。 本サイト内の情報について…
TRICK-本物っぽい霊能力者
概要 TRICKは基本的にインチキ霊能力者のインチキを暴いていく話ですが、中にはトリックでは説明が…
アークナイツ-特訓アイテムの使用先考慮
アークナイツ-特訓アイテムの使用先について 概要と注意事項 この記事は1年以上前の実装状態での結果…
広告枠