<video preload='auto' id='my-video'
src='cuplayer.mp4' webkit-playsinline='true'
playsinline='true'x-webkit-airplay='true'
x5-video-player-type='h5'
x5-video-player-fullscreen='true'
x5-video-ignore-metadata='true'
width='100%' height='100%'>
<p> 不支持video</p>
</video>
.fill { object-fit: fill; }
.contain { object-fit: contain; }
.cover { object-fit: cover; }
.none { object-fit: none; }
.scale-down { object-fit: scale-down; }
fill: 「fill」の中国語解釈。デフォルト。置換コンテンツはコンテンツ ボックス全体を埋めるように拡大されるため、元の比率は保証されません。
含む:中国語の言い換え「含む」。元のサイズ比率を維持します。置換コンテンツのサイズがコンテナー内に収まるようにしてください。したがって、このパラメータによりコンテナ内に空白が残る場合があります。
cover: 「カバー」の中国語解釈。元のサイズ比率を維持します。置換コンテンツのサイズがコンテナのサイズより大きくなければならず、幅と高さの少なくとも 1 つがコンテナと一致していることを確認してください。したがって、このパラメータにより、置き換えられたコンテンツ (画像など) の一部が非表示になる場合があります。
none: 「何もない」の中国語の解釈。元のサイズ比率を維持します。置き換えられたコンテンツの元のサイズを維持しながら。
スケールダウン: 「下」の中国語の解釈。noneまたはcontainが順番に設定され、最終的にサイズの小さいものが提示されるようなものです
私の人気記事のおすすめ
- 多チャンネルライブビデオ放送におけるオンラインクラウドディレクター切り替えの効果試験
- ビデオを QR コードに変換し、コードをスキャンして直接再生するにはどうすればよいですか?
- 広告を挿入せずに動画をアップロードしている Web サイトはどれですか?
- ビデオから QR コードを生成するにはどうすればよいですか? WeChat で QR コードをスキャンして視聴しますか? 広告なし
- 一般的に使用される写真サイズ比較表。写真のサイズはこの表に記載されています。
- ライブビデオストリーミング戦略(主要プラットフォームのプッシュストリーミングインターフェースを整理)
- HTML5動画倍速再生機能
- 複数動画のリスト再生を実現する裏ワザ教えます?
- WeChat公開アカウントの動画リストに動画を再生する機能を実装する方法
- H5動画倍速再生機能(動画倍速視聴機能の一例)
- FTPサーバーの設定方法
- FTPを使用してファイルをアップロードする方法(FTPファイル転送)
- OBS ライブ ツール ユーザー ガイド/OBS によってライブ ビデオ ソースをサーバーにプッシュするためのツール
- QQ ブラウザはビデオ タグをハイジャックして独自の広告を読み込みます (解決方法は?)
- Web サイトで企業ビデオを広告なしで再生できるようにするにはどうすればよいですか? それをマークする
- Win 環境で FTP サーバーをすばやく構成する方法を説明します (完全なグラフィック チュートリアル)
- html5-videoタグで動画を暗号化する方法
私のおすすめビデオ記事
- Web サイトで企業ビデオを広告なしで再生できるようにするにはどうすればよいですか? マークしてください(アップロード、自動トランスコード、保存、再生機能をサポート)
- Web ページ コード Coolcast v4.0 から mp4 ファイルを呼び出す例の完全版(ビデオは自分で処理する必要があります)
- WeChat公式アカウントに企業プロモーションビデオに素早くアクセスするにはどうすればよいですか?
- ビデオ QR コード アプリケーション チュートリアルとユーザー ガイド
- ワンクリック動画QRコード共有機能だから簡単!
- ビデオを QR コードに変換し、コードをスキャンして直接再生するにはどうすればよいですか?
- H5動画倍速再生機能(動画倍速視聴機能の一例)
- QQ ブラウザはビデオ タグをハイジャックして独自の広告を読み込みます (解決方法は?)