h5 video タグの使用例のコード
HTML ビデオは HTML 5 以降に適しており、オンラインで視聴するビデオストリーミング メディアを定義するために使用されます。
HTML
<video width ="320" height ="240" src="www.php.cn/movie.ogg" controls="controls">
ここにコメントのテキストが表示されます。ブラウザが HTML 5 をサポートしていない場合は、ここのテキストが表示されます。サポートされている場合、ビデオが直接表示され、テキストは無視されます。
HTML 4 以前では、オンラインで視聴するためにビデオを Web ページに埋め込む場合は、通常、
| Property | Value | Description |
|---|---|---|
| autoplay | autoplay | この属性が存在する場合、ビデオは準備が整うとすぐに再生されます。 |
| コントロール | コントロール | この属性が存在する場合、再生ボタンなどのコントロールがユーザーに表示されます。 |
| 高さ | ピクセル値 | ビデオプレーヤーの高さを設定します。 |
| loop | loop | この属性が表示される場合、メディア ファイルは再生終了後に再び再生を開始します。 |
| preload | auto/meta/none | ビデオをプリロードするかどうかを指定します。可能な値: auto - ページのロード時にビデオ全体をロードします meta - ページのロード後にメタデータのみをロードします none - 当页面加载后不载入视频 |
| * src | 视频地址 | 要播放的视频的 URL，建议使用绝对地址。 |
| width | 像素值 | 设置视频播放器的宽度。 |
如何写兼容的视频标签？
由于旧的浏览器和Internet Explorer不支持
<video width="320" height="240" controls> <!-- 兼容 Firefox --> <source src="http://www.jb51.net/ movie.ogg" type="video/ogg" /> <!-- 兼容 Safari/Chrome--> <source src="http://www.jb51.net/ movie.mp4" type="video/mp4" /> <!-- 如果浏览器不支持video标签，则使用flash --> <embed src="http://www.jb51.net/ movie.swf" type="application/x-shockwave-flash" width="320" height="240" allowscriptaccess="always" allowfullscreen="true"></embed> </video>
【相关推荐】
1. 免费h5在线视频教程
2. HTML5 完整版手册
5. IIS的MIME未注册MP4类型，导致无法识别vidoe标签的解决办法
以上がh5 video タグの使用例のコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7517
15
1378
52
79
11
21
66
Windows 11でVIDEO DXGKRNLの致命的なエラーを修正する方法
Apr 13, 2023 pm 08:22 PM
クリックして入力してください: ChatGPT ツール プラグイン ナビゲーション コレクション 一部のユーザーは、コンピュータが停止コード DXGKRNL FATAL ERROR で頻繁にクラッシュすると苦情を申し立てました。この特定の問題はまれにのみ発生し、バグチェック値が 0x00000113 となっています。これは、バグチェック値で示されているように、Microsoft DirectX グラフィックス カーネル サブシステムの違反を示しています。通常、このエラーは、破損したドライバがグラフィックス カードのグラフィックス プロセッサの通常の動作を妨げた場合に発生します。現在、この特定の問題に悩んでいる場合は、この記事で質の高いトラブルシューティングのさまざまなヒントを提供します。以下に、まったく同じエラーに遭遇した他のユーザーが使用して成功したさまざまな方法を示します。はい
Chrome と Edge のすべてのタブでテキストを検索する方法
Feb 19, 2024 am 11:30 AM
このチュートリアルでは、Windows の Chrome または Edge で開いているすべてのタブで特定のテキストまたは語句を検索する方法を説明します。 Chrome で開いているすべてのタブでテキスト検索を行う方法はありますか?はい。Chrome で無料の外部 Web 拡張機能を使用すると、タブを手動で切り替えることなく、開いているすべてのタブでテキスト検索を実行できます。 TabSearch や Ctrl-FPlus などの一部の拡張機能を使用すると、これを簡単に実現できます。 Google Chrome のすべてのタブでテキストを検索するにはどうすればよいですか? Ctrl-FPlus は、ユーザーがブラウザ ウィンドウのすべてのタブで特定の単語、語句、またはテキストを簡単に検索できるようにする無料の拡張機能です。この展開は
h5 とはどういう意味ですか?
Aug 02, 2023 pm 01:52 PM
H5 は、HTML の最新バージョンである HTML5 を指します。H5 は、開発者により多くの選択肢と創造的なスペースを提供する強力なマークアップ言語です。その出現は、Web テクノロジーの発展を促進し、Web ページのインタラクションと効果をより優れたものにします。H5 テクノロジーとして徐々に成熟して普及していき、インターネットの世界でますます重要な役割を果たしていくと思います。
Motorola Razr 50 Ultraは、防水ケースと巨大なセカンダリディスプレイを備えたリークされたティーザービデオに登場します
Jun 20, 2024 pm 09:31 PM
過去数週間にわたって、Motorola Razr 50 と Razr 50 Ultra の最も重要な仕様とユーロ価格がリークされてきました。今回、非常に信頼できるリーカー @MysteryLupin が、以下に埋め込まれたティーザービデオを公開することができました。
Douyin にタグを追加してトラフィックを集めるにはどうすればよいですか?プラットフォーム上のどのタグがトラフィックを引き付けるのが最も簡単ですか?
Mar 22, 2024 am 10:28 AM
人気のショートビデオソーシャルプラットフォームとして、Douyin は巨大なユーザーベースを持っています。 Douyin クリエイターにとって、タグを使用してトラフィックを集めるのは、コンテンツの露出を増やして注目を集める効果的な方法です。では、Douyin はトラフィックを集めるためにタグをどのように使用しているのでしょうか?この記事では、この質問に詳しく答え、関連するテクニックを紹介します。 1. Douyin にタグを追加してトラフィックを集めるにはどうすればよいですか?動画を投稿するときは、必ずコンテンツに関連したタグを選択してください。ユーザーがタグからビデオを見つけやすくするために、これらのタグはビデオのトピックとキーワードをカバーする必要があります。人気のハッシュタグを活用することは、動画の露出を増やす効果的な方法です。現在人気のタグやトレンドを調査し、動画の説明やタグに組み込んでください。これらの人気のあるタグは通常、視認性が高く、より多くの視聴者の注目を集めることができます。 3. ラベル
TikTokレーベルの後ろにある時計は何ですか? Douyinアカウントにタグを付けるにはどうすればよいですか?
Mar 24, 2024 pm 03:46 PM
Douyin の作品を閲覧していると、タグの後ろに時計のアイコンが表示されることがよくあります。それで、この時計は一体何なのでしょうか？この記事では、「Douyin ラベルの背後にある時計とは何か」についての議論に焦点を当て、Douyin を使用する際に役立つ参考になれば幸いです。 1. Douyin ラベルの後ろにある時計は何ですか? Douyin はいくつかのホットなトピック チャレンジを開始します。ユーザーが参加すると、タグの後に時計アイコンが表示されます。これは、その作品がトピック チャレンジに参加していることを意味し、チャレンジの残り時間が表示されます。休日や特別なイベントなど、時間に敏感な一部のコンテンツの場合、Douyin はラベルの後に時計アイコンを添付して、コンテンツの有効期間をユーザーに思い出させます。 3. 人気のタグ: タグが人気になると、Douyin はタグの後に時計アイコンを追加して、そのタグが人気であることを示します。
H5、WEB フロントエンド、ビッグ フロントエンド、WEB フルスタックを区別するにはどうすればよいですか?
Aug 03, 2022 pm 04:00 PM
この記事は、H5、WEB フロントエンド、大規模フロントエンド、WEB フルスタックを簡単に区別するのに役立ちます。
Snapdragon X Elite CPU のパフォーマンスは、バッテリーとプラグインされた Vivobook S15 ベンチマークでほぼ同等
Jun 20, 2024 pm 03:59 PM
Qualcomm Snapdragon X Eliteを取り巻く誇大宣伝にもかかわらず、それはかなり平凡な発売でした。私たちのレビューでは、新しいQualcomm Snapdragon X Elite X1E-78-100を搭載したAsus Vivobook S 15の最も印象的な部分はシームレスであることがわかりました。
