可以的,你可以去百度搜索一个叫“秒秒学”的教学网站,里面Flash中的HTML5开发教程就会交互式的教你,在网页中插入视频,并如何利用Javascript代码来控制视频,让网页中的视频受到鼠标的控制,任意暂停或播放,且实现快进功能。视频播放控制功能是由HTML5提供的。但是,在一些特殊的情况下(比如旧版浏览器、不兼容HTML5的应用平台等),我们可能无法使用其提供的播放控制功能。
javascript视频切换代码(html)
<input type="file" accept="video/*" onChange={this.previewVideo} />
<video id="myVideo" autoPlay width="300" />使用FileReader读取转为Data URL:
previewVideo = (file) => {// 建议判断下视频大小及格式,太大的可能会有问题
const reader = new FileReader()
reader.onload = (evt) => {
const myVideo = document.querySelector("#myVideo")
myVideo.src = evt.target.result
}
reader.readAsDataURL(file)
}
<script language='javascript'>
function play(url) {
var player_box = document.getElementById('player_box')
player_box.innerHTML = "<embd href="+url+"></embd>"
}
</script>
MV的链接
<a href='javascript:play("/path/to/the/mv.wmv")'>MV 1</a>
表格中包含播放器的单元格
<table>
<tr>
<td id='player_box'></td>
</tr>
</table>
以上就是关于 Javascript可以控制网页中视频的播放吗?全部的内容,如果了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!