Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > html 视频的控制按钮的问题_html/css_WEB-ITnose

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

WBOY
Release： 2016-06-21 08:51:01
Original
1607 people have browsed it


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


回复讨论(解决方案)

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

在video上放个图片，用以下代码绑定事件document.getElementById("imgID").onclick = function () {	document.getElementById("videoID").play();	document.getElementById("imgID").style.display = "none";}
Copy after login

Related labels：
html 视频的控制按钮的问题
source：php.cn
Previous article：前端基础(一)CSS布局基础_html/css_WEB-ITnose Next article：jQuery找到指定背景颜色的td_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Use JS to control playback quality Is there any way to control the playback quality of a video using Javascript? More precise...
From 2024-04-04 00:21:55
0
1
384
Vanilla JS setTimeout(): Identifying wrong behavior I have an animation on my hamburger menu written in HTML, CSS and vanilla JavaScript. Expe...
From 2024-04-02 20:44:40
0
1
284
In Angular, can I integrate a tree view into the Syncfusion document editor on button click? I created a custom button in the syncfusion document editor toolbar and named it tree view...
From 2024-04-01 09:18:00
0
1
284
Edit MongoDB product fields in VueJS using PATCH request link This might be a simple question but for some reason I can't figure it out :(. I'm using Mo...
From 2024-03-31 23:05:12
0
1
339
Create scalable signposts using HTML, CSS and SVG I want to make a button in the form of a signpost (a rectangle with a tip). _______|\|____...
From 2024-03-31 14:45:14
0
1
294
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template