communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > html 视频的控制按钮的问题_html/css_WEB-ITnose

html 视频的控制按钮的问题_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-21 08:51:01
original
1606 Les gens l'ont consulté


一般视频插入，video的播放按钮默认在下边，现在实现如图效果， 想要实现controls 在视频预览图片的中间，就是我们视频网站上的那样，应该怎么做？


回复讨论(解决方案)

你可以先做一个图片在中间的。点击后，触发视频事件。 

在video上放个图片，用以下代码绑定事件document.getElementById("imgID").onclick = function () {	document.getElementById("videoID").play();	document.getElementById("imgID").style.display = "none";}
Copier après la connexion

Étiquettes associées：
html 视频的控制按钮的问题
source：php.cn
Article précédent：前端基础(一)CSS布局基础_html/css_WEB-ITnose Article suivant：jQuery找到指定背景颜色的td_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Utilisez JS pour contrôler la qualité de lecture Existe-t-il un moyen de contrôler la qualité de lecture d'une vidéo à l'aide de Javascript...
Depuis 2024-04-04 00:21:55
0
1
384
Vanilla JS setTimeout() : identifier un mauvais comportement J'ai une animation sur mon menu hamburger écrite en HTML, CSS et JavaScript vanille. Résul...
Depuis 2024-04-02 20:44:40
0
1
284
Dans Angular, puis-je intégrer une arborescence dans l'éditeur de documents Syncfusion en cliquant sur un bouton ? J'ai créé un bouton personnalisé dans la barre d'outils de l'éditeur de documents Syncfusi...
Depuis 2024-04-01 09:18:00
0
1
284
Modifier les champs du produit MongoDB dans VueJS à l'aide du lien de demande PATCH C'est probablement une question simple, mais pour une raison quelconque, je n'arrive pas à...
Depuis 2024-03-31 23:05:12
0
1
339
Créez des panneaux de signalisation évolutifs en utilisant HTML, CSS et SVG Je souhaite réaliser un bouton en forme de panneau (un rectangle avec une pointe). _______...
Depuis 2024-03-31 14:45:14
0
1
294
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal