Javascript 从HTML视频中提取控件
我想知道是否有可能提取视频的控件。我的意思是，它们不是视频顶部的控件，而是分开的，视频可以从那里进行控制。提前谢谢。我知道您可以通过不设置属性Javascript 从HTML视频中提取控件,javascript,html,html5-video,Javascript,Html,Html5 Video,我想知道是否有可能提取视频的控件。我的意思是，它们不是视频顶部的控件，而是分开的，视频可以从那里进行控制。提前谢谢。我知道您可以通过不设置属性controls来禁用浏览器的控件。看 然后，您可以通过向希望用于控制播放的UI元素添加事件处理程序来定义自己的自定义控件 function playBtnHandler(event) { myVideo.play(); } myBtn.addEventListener("click", playBtnHandler); 你可以试试这个 <s
controlsfunction playBtnHandler(event) {
myVideo.play();
}
myBtn.addEventListener("click", playBtnHandler);
你可以试试这个
<script type="text/javascript">
function vidplay() {
var video = document.getElementById("Video1");
var button = document.getElementById("play");
if (video.paused) {
video.play();
button.textContent = "||";
} else {
video.pause();
button.textContent = ">";
}
}
function restart() {
var video = document.getElementById("Video1");
video.currentTime = 0;
}
function skip(value) {
var video = document.getElementById("Video1");
video.currentTime += value;
}
</script>
</head>
<body>
<video id="Video1" autoplay>
// Replace these with your own video files.
<source src="1.mp4" type="video/mp4" />
<a href="1.mp4">Download the video</a> file.
</video>
<div id="buttonbar">
<button id="restart" onclick="restart();">[]</button>
<button id="rew" onclick="skip(-10)"><<</button>
<button id="play" onclick="vidplay()">></button>
<button id="fastFwd" onclick="skip(10)">>></button>
</div>
函数vidplay（）{
var video=document.getElementById（“Video1”）；
var按钮=document.getElementById（“播放”）；
如果（视频暂停）{
video.play（）；
button.textContent=“| |”；
}否则{
video.pause（）；
button.textContent=“>”；
}
}
函数重新启动（）{
var video=document.getElementById（“Video1”）；
video.currentTime=0；
}
函数跳过（值）{
var video=document.getElementById（“Video1”）；
video.currentTime+=值；
}
//用您自己的视频文件替换这些文件。
文件
[]