コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML ビデオ コントロールの問題ボタン_html/css_WEB-ITnose

HTML ビデオ コントロールの問題ボタン_html/css_WEB-ITnose

WBOY
リリース： 2016-06-21 08:51:01
オリジナル
1607 人が閲覧しました


通常、ビデオを挿入する場合、ビデオの再生ボタンはデフォルトで下部にありますが、コントロールをビデオのプレビュー画像の中央に配置したい場合は、その効果が表示されます。 、動画サイトと同じように、どうすればいいでしょうか？


ディスカッションへの返信 (解決策)

まず真ん中の絵を作ることができます。クリックすると、ビデオ イベントがトリガーされます。 

在video上放个图片，用以下代码绑定事件document.getElementById("imgID").onclick = function () {	document.getElementById("videoID").play();	document.getElementById("imgID").style.display = "none";}
ログイン後にコピー

関連ラベル：
html 视频的控制按钮的问题
ソース：php.cn
前の記事：フロントエンドの基礎(1) CSSレイアウトの基礎_html/css_WEB-ITnose 次の記事：jQueryは指定された背景色のtd_html/css_WEB-ITnoseを見つけます
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JS を使用して再生品質を制御する Javascript を使用してビデオの再生品質を制御する方法はありますか?より正確に言うと、JavaScriptを使用してビデオの品質を選択したいと考えています。 Chrome ...
から 2024-04-04 00:21:55
0
1
384
Vanilla JS setTimeout(): 間違った動作の特定 ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次の...
から 2024-04-02 20:44:40
0
1
284
Angular では、ボタンをクリックするだけでツリー ビューを Syncfusion ドキュメント エディタに統合できますか? syncfusion ドキュメント エディターのツールバーにカスタム ボタンを作成し、ツリー ビューという名前を付けました。ドキュメント エディタにツリー ビュー機能を追加したいと...
から 2024-04-01 09:18:00
0
1
284
PATCH リクエスト リンクを使用して VueJS で MongoDB 製品フィールドを編集する これは単純な質問かもしれませんが、何らかの理由で理解できません:(。私は MongoDB、NestJS、および VueJS を使用して、MongoDB データベースにさまざまな製品...
から 2024-03-31 23:05:12
0
1
339
HTML、CSS、SVG を使用してスケーラブルな標識を作成する 道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラ...
から 2024-03-31 14:45:14
0
1
294
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート