JavaScript可以控制网页中视频的播放吗?

   2022-09-07 14:22:54 网络720
核心提示:可以的,你可以去百度搜索一个叫“秒秒学”的教学网站,里面Flash中的HTML5开发教程就会交互式的教你,在网页中插入视频,并如何利用JavaScript代码来控制视频,让网页中的视频受到鼠标的控制,任意暂停或播放,且实现快进功能。视频播放

JavaScript可以控制网页中视频的播放吗?

可以的,你可以去百度搜索一个叫“秒秒学”的教学网站,里面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可以控制网页中视频的播放吗?全部的内容,如果了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

 
举报收藏 0打赏 0评论 0
 
更多>同类百科头条
推荐图文
推荐百科头条
最新发布
点击排行
推荐产品
网站首页  |  公司简介  |  意见建议  |  法律申明  |  隐私政策  |  广告投放  |  如何免费信息发布?  |  如何开通福步贸易网VIP?  |  VIP会员能享受到什么服务?  |  怎样让客户第一时间找到您的商铺?  |  如何推荐产品到自己商铺的首页?  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备15082249号-2