niconico 縦長表示

Greasy Fork is available in English.

niconico 縦長表示

縦長表示のとき、ニコニコのコメント一覧を動画の下に配置して動画サイズを画面幅に設定します

换行

// ==UserScript==
// @name         niconico 縦長表示
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  縦長表示のとき、ニコニコのコメント一覧を動画の下に配置して動画サイズを画面幅に設定します
// @author       y_kahou
// @match        https://www.nicovideo.jp/watch/*
// @grant        none
// @noframes
// @require      http://greasyfork.icu/scripts/419955-y-method/code/y_method.js?version=908174
// ==/UserScript==


addStyle('nico-vertical', `

@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
}

/* 縦向きの場合のスタイル */
@media screen and (orientation: portrait) {
    .WatchAppContainer-main {
        margin: 0 1vw 16px;
    }
    .MainContainer {
        display: flex;
        flex-direction: column;
    }
    .MainContainer-player {
        width: 95vw;
    }
    .InView.VideoContainer{
        width: 100%;
        height: calc(95vw / 16 * 9);
    }
    .MainContainer-playerPanel {
        position: relative;
        height: 400px;
        width: 95vw;
    }
    
}
`);