クラ137333 モンチッチ うるちゅるポップシールモノトーン キャラクター ステッカー シール ワンポイント ミニ プチ デコ 文房具
商品ページAmazon
収益広告（自動登録）
サクラ度：△（要確認）
TAMASHII NATIONS S.H.フィギュアーツ 仮面ライダーゼッツ フィジカムインパクト 約150mm PVC&ABS製 塗装済み可動フィギュア
商品ページAmazon
収益広告（自動登録）
サクラ度：△（要確認）
D.C. Re:tune~ダ・カーポ~ リチューン 限定版<さくらEdition> -Switch 【Amazon.co.jp限定】 オリジナルPC&スマホ壁紙 配信 限定版特典・ヴァイスシュヴァルツPRカード(4種) 同梱
商品ページAmazon
非収益広告（手動登録）
サクラ度：○（問題なし）
ホットウィール(Hot Wheels) プレミアム2パック 2005 三菱ランサー エボリューション IX ワゴン / 2004 スバル フォレスター STI 乗り物おもちゃ ミニカー 3歳から レッド/ブルー JHW46
商品ページAmazon
収益広告（自動登録）
サクラ度：△（要確認）
本記事のトピック
- Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの問題点
- コード例
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの対処法
Youtubeで縦型画面で横型画面のゲームを投稿/配信してるときの問題点
このページを見てる時点で説明せずとも……だと思いますが。
縦型配信で横型ゲームの配信をPC（横型のモニタ）で見ると、縦型の時点で画面がかなり狭くなるのに、その狭い領域の一部でしかゲーム画面が表示されないのでかなり見にくい状態になります。
なのでゲーム画面部分だけを無理やり拡大した上で、ゲーム画面以外の部分を隠すことで問題解決することにします。
ただボク自身配信をあまり見ないというのもあり、思い付きでテキトーにやってるだけなので全然労力はかけてません。
縦型配信で横型ゲームの配信を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);
問題だらけですが使いたければどうぞコメントログ
コメント投稿
管理人ツイート
Farmer Worker Model 農場主モデル 1/100 Fortune Cow ニュー フォーチュンカウ ガレージキット仕様 組立式プラモデル
商品ページAmazon
収益広告（自動登録）
サクラ度：△（要確認）
TAMASHII NATIONS S.H.フィギュアーツ（真骨彫製法） 仮面ライダー新2号 栄光の昭和ライダーエディション 約145mm PVC&ABS&布製 塗装済み可動フィギュア
商品ページAmazon
収益広告（自動登録）
サクラ度：△（要確認）
