Zenn
💻

DisplayLink経由の外部ディスプレイでUdemy動画が黒くなる問題と原因を調べた（MacBook Air M2）

に公開
Apple silicon
M2
displaylink
idea

こんにちは、sato_frontendです。
自分はプライベートでMacBook Air M2を使って開発やUdemyで学習しています。

作業時にモニターはなんぼあってもいいので、普段は3枚ディスプレイで作業しています。
ただ、MacBook Airでは外部ディスプレイが1枚までしか接続できない制限があるため、DisplayLinkを使って外部ディスプレイ2枚を追加して使っています。

そんな中、DisplayLink経由の外部ディスプレイでUdemyの動画が黒くなって再生されないという現象にずっと悩まされていました。
音声は聞こえるのに映像が真っ黒。しかもスクショも黒くなるので困ってました。
※スクショが黒くなる問題はUdemy側でDRM保護がかかっていることが原因のようです。

Udemyのヘルプページを見ても原因がわからず、毎回Chromeの設定から「グラフィック アクセラレーションが使用可能な場合は使用する」をOFFにするという対処をしていました。
ただ、この設定をOFFにしているとGoogle Meetの背景エフェクトが効かないので、Meetがあるたびに設定をONに戻してChromeを再起動…というのが面倒でした。

そんなある日、Anker製のUSB-Cハブを使って外部ディスプレイを1枚だけ接続してUdemyを開いたところ、普通に動画が再生されました。
「あれ？DisplayLinkを使ってないと映る？じゃあ、2枚接続だとダメなのはなんで？」という疑問が湧き、ちゃんと調べてみることに。

この記事では、その原因と、DisplayLink環境でUdemy動画を再生するための対処法をまとめてみます。

📚 環境と現象の整理

まず自分の環境はこちら：

  • MacBook Air M2（macOS Sonoma）
  • Anker製USB-Cハブ（外部ディスプレイ1枚接続時）
  • DisplayLink対応のUSBドッキングステーション（外部ディスプレイ2枚接続時）

この状態で、DisplayLink経由の外部ディスプレイでUdemy動画だけ黒画面になるという症状が発生します（音声はOK）。
YouTubeや他の動画サービスは問題なく再生できるのに、Udemyだけ映らないというのが長年の謎でした。

🔐 原因：DisplayLinkとDRM（著作権保護）の相性

調べてみると、以下のようなことが原因のようでした。

  • Udemyの動画には DRM（Digital Rights Management） によるコピー防止が施されている
  • macOSやChromeは、「信頼できないGPU出力先」 への映像出力を制限する
  • DisplayLinkは物理GPUではなく、仮想的なGPU（Virtual Display）として扱われる
  • その結果、DRMによって出力がブロックされ、黒画面になる

つまり、「DRM × 仮想GPU」という組み合わせで制限がかかっていたということですね。

🛠 対処法①：内蔵ディスプレイ or HDMI直結ディスプレイで視聴する

一番シンプルかつ確実な方法は、MacBookの内蔵ディスプレイまたはHDMIやUSB-Cで直結された物理ディスプレイでUdemyを開くことです。

この方法なら、物理GPUを経由するため、DRMにブロックされることはありません。

🛠 対処法②：Chromeの設定を変更する

DisplayLink経由でどうしてもUdemyを再生したい場合は、ChromeのハードウェアアクセラレーションをOFFにすることで回避できます。

ただし、この方法はChromeの再起動が必要になるため、毎回切り替えるのはちょっと面倒です…。

✅ 設定手順

  1. Chromeのアドレスバーに chrome://settings/ を入力
  2. 「詳細設定」→「システム」
  3. 「グラフィック アクセラレーションが使用可能な場合は使用する」 を OFF
  4. Chromeを再起動

これで、DisplayLink経由の画面でもUdemyの動画が表示されるようになります。

🛠 対処法③：iPadや別端末でUdemyを見る

UdemyはiOS・Android向けのアプリもあるので、iPadなどの別端末で視聴するという選択肢もあります。

DisplayLinkは開発作業用、UdemyはiPadで学習というふうに使い分けると快適です。
（とはいえ、iPadは高いんだよな…）

📝 まとめ

対処法 メリット デメリット
内蔵 or HDMI直結ディスプレイ 確実に再生できる 作業ディスプレイを切り替える手間あり
Chrome設定変更 DisplayLinkでも再生可能 Google Meetの背景エフェクトが使えない
iPadなど別端末 安定して再生できる デバイスをもう一台用意する必要あり

DisplayLinkは便利ですが、DRMが絡むとややこしいのが難点です。
「なんでUdemyだけ映らないんだ？」とモヤモヤしていた方の参考になればうれしいです！

他にも「こうすると良かったよ」みたいなTipsあれば、ぜひ教えてください🙏

参考記事

https://qiita.com/bonbei/items/51968eb335ba9d34a0fa

Discussion