メディアサイズに基づいてビデオ表示を自動的に調整します-PHP中国語ネットワークQ&A

記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

メディアサイズに基づいてビデオ表示を自動的に調整します

P粉807239416 2023-08-25 10:29:52

466

Web ページで背景ビデオを実行する予定で、モバイルとデスクトップ用に異なるビデオファイルがあります。私

<ビデオ自動再生ループミュート再生インライン> <ソース src="desktop.mp4" type="video/mp4"> <ソース src="desktop.webm" type="video/webm">

メディアクエリの解決策を見てきましたが、私が理解している限り、それは仕様外であり、iOS/Safari ではサポートされていません。

P粉807239416

全員に返信 (1)

P粉2564870772023-08-26 09:36:35 1棟

メディアクエリを使用すると、その定義に基づいて src またはその他のコンテンツを使用できます。 CSS-Tricks に関するこの記事をご覧ください:https://css-tricks.com/video-source-by-screen-size/ただし、これはすべてのブラウザで安定した機能ではないようです。

リーリー

記事で述べたように、JavaScript を使用してビューポートサイズに基づいてビデオの src を変更する別の方法もあります。