masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > html 视频的控制按钮的问题_html/css_WEB-ITnose

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

WBOY
Lepaskan： 2016-06-21 08:51:01
asal
1607 orang telah melayarinya


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


回复讨论(解决方案)

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

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

Label berkaitan：
html 视频的控制按钮的问题
sumber：php.cn
Artikel sebelumnya：前端基础(一)CSS布局基础_html/css_WEB-ITnose Artikel seterusnya：jQuery找到指定背景颜色的td_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Gunakan JS untuk mengawal kualiti main balik Adakah terdapat cara untuk mengawal kualiti main balik video menggunakan Javascript? Lebih...
daripada 2024-04-04 00:21:55
0
1
384
Vanilla JS setTimeout(): Mengenal pasti tingkah laku yang salah Saya mempunyai animasi pada menu hamburger saya yang ditulis dalam HTML, CSS dan JavaScrip...
daripada 2024-04-02 20:44:40
0
1
284
Dalam Angular, bolehkah saya menyepadukan paparan pokok ke dalam editor dokumen Syncfusion pada klik butang? Saya mencipta butang tersuai dalam bar alat editor dokumen penyegerakan dan menamakannya p...
daripada 2024-04-01 09:18:00
0
1
284
Edit medan produk MongoDB dalam VueJS menggunakan pautan permintaan PATCH Ini mungkin soalan mudah tetapi atas sebab tertentu saya tidak dapat memahaminya :(. Saya ...
daripada 2024-03-31 23:05:12
0
1
339
Buat papan tanda berskala menggunakan HTML, CSS dan SVG Saya ingin membuat butang dalam bentuk papan tanda (segi empat tepat dengan hujung). _____...
daripada 2024-03-31 14:45:14
0
1
294
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan