ブログ記事8件
2種類の「全画面表示」がある問題「全画面表示」「フルスクリーン表示」といった言い方は実は不正確で、「F11」を押下した場合、「TV放送型動画プレーヤー」の「」ボタンをクリックした場合、更にJavaScriptで「全画面API」を使って「全画面表示」とした場合など、そのどれにあたるかによって、状況が異なります。これは「 AmbTVOnAir」「 AmbTVOnAirOld」の制作過程で、「右Click」でコントロール群を表示できる場合と出来ない場合があり、この問題に直面しました
「放送中」のページが表示される「AbemaTV」のTVチャンネル型の動画ページ、私は案外と見ることが多いです。しかし、最近「TVチャンネル」の表示に入れなくて困った事がありました。そこで、簡単なはずの「TVチャンネル」を表示する方法なんですが、少し調べました。「トップ画面」⇨「一覧」 からABEMAトップ画面で❶「一覧」を押して、❷のチャンネル一覧のパネルを表示し、適当にどれかの「チャンネル」を押す。通常は、この操作で「TVチャンネル」の表示になります。とこ
「Old」タイプのチャンネルセレクタ「AbemaTV」の「TV放送型」の画面は、旧タイプデザインに差し戻されたままです。気になる状態が続いていますが、監視がてら旧デザインの修正をしています。「旧デザイン」はデフォルトの「縦型」のセレクタには背景色を着けていませんでした。これは「 AmbTVOnAirOld」に引き継がれています。一方、「新デザイン」のリリースで「チャンネルセレクタ」のデザインを更新せざるを得なかったのですが、「新デザイン」は「縦型」セレクタに背景色を着けました。
ブラウザの全画面表示を判定する この簡単な事が、現在のJavaScriptでは難しい様です。ブラウザによってこの状態を取得するコードが統一されていない様です。以下は最初に検索ヒットしたページ。JavaScriptで現在FullScreen状態か判定するメモ最近、ウインドウが現在フルスクリーンかどうかを判定する処理を入れる機会があったのですが、iOSのSafariでのみうまく作動しなかったので、完璧に現在フルスクリーンかどうかを判定する方法をメモ。コード2021/03/18
動画上部の余裕TVチャンネルの動画プレーヤーの配置は、デフォルトでは動画の上辺がウインドウの上辺に接します。（下図の左側）しかし、このデザインより上部に余裕を持たせた方が、ウインドウのツールバーから動画が独立して落ち着きます。（下図の右側）ただ、これは動画をサブウインドウで閲覧する場合で、全画面で表示した場合は自動的にディスプレイにフィットし、上部の余裕があると却ってバランスが崩れます。前バージョンでは、「サブウインドウ」で上部の余裕を作り、「F11」による「全画面表示」
旧いページデザインへの差戻しがありました「AbemaTV」サイトが新デザインに更新されたのが3月8日だったと思います。このデザイン変更はサイトの「トップページ」➔「TV放送型」の動画配信ページに関しての更新で、「書庫型」の動画配信ページに関しては変更はありませんでした。しかし、まだ3日程しか経っていないのに、以前のサイトデザインに戻されました。新しいサイトデザインを作るのはそう簡単な事ではなく、各種ブラウザに対するテストを経てリリースされていると思われるので、何かの不具合で差し戻し
「旧アスペクト動画」とはTVがアナログ放送の時代は、受像機（モニター）のアスペクト比は4:3でした。当時のアニメやドラマはこれを基準に作られていたので、16:9が標準になった現在では、旧アスペクト比の動画は、左右に黒背景の部分を追加して表示されます。下のスクリーンショットは「名探偵コナン」の配信画面の様子で、動画画面の両サイドに黒背景の部分が追加されています。PCモニターのアスペクト比が16:9の場合は、緑部分全体が16:9なので、この動画を全画面表示にすると動画はモニタ
動画上に被さる各種コントロール「TV放送型」の画面は、「旧デザイン」「新デザイン」ともに「ページヘッダー」「左サイドメニュー」下部の「動画タイトル」などが、動画画面に被さるデザインです。これは画面のレイアウト上では仕方がない事ですが、それで黒背景のコントロールが動画画面の一部を隠してしまうのは、圧迫感があり落ち着きません。そこで、コントロールの背景色を半透過にして、できるだけ動画画面が常時見えるデザインにしました。このデザインは現在は「旧デザイン」に対してのアレンジですが、「新デザイ
