首页

文章

HTML5中 使用video标签 播放本地视频

发布网友 发布时间:2022-04-19 21:50

我来回答

2个回答

热心网友 时间:2022-04-19 06:07

1、新建一个html文件,命名为test.html,用于介绍如何使用video控制视频。

2、在test.html页面,使用button标签创建四个按钮,分别是播放/暂停、大、中、小,用于控制视频的播放效果。同时,使用video标签创建一个视频。

3、给每个按钮绑定onclick点击事件,当按钮被点击时,分别执行相应的函数来控制视频的播放效果。

4、使用document.getElementById()获得视频对象,创建“播放/暂停”的playPause()函数,使用play()方法控制视频的播放,使用pause()控制视频的暂停。

5、创建makeBig()函数,当点击"大"按钮时,使视频以宽度560px来播放视频。

6、创建makeNormal()函数与makeSmall()函数,当点击“中”按钮时,使视频以宽度420px来播放视频,当点击“小”按钮时,使视频以宽度320px来播放视频。

7、在浏览器打开test.html文件,测试js控制视频播放的效果。

热心网友 时间:2022-04-19 07:42

<div class="content">
<input id="v_file" type="file" style="display:none;" onChange="play()"/>
<button id="play" onClick="yincang()">播放</button>
<video id="video_id" controls autoplay></video>
</div>
<script>
function yincang(){
var v_file=document.getElementById('v_file');
v_file.click();
}
function play(){
var file = document.getElementById('v_file').files[0];
var url = URL.createObjectURL(file);
console.log(url);
document.getElementById("video_id").src = url;

}
</script>
用display把input隐藏起来,然后注册一个click事件,这样就完成了你想要的功能。。
不知道我是不是理解错了你的需求
这个是你想要的答案吗
玉米仁子饭产自哪里 中国期货交易所的交易品种有哪些? 历史要怎么读,有啥诀窍 高中历史诀窍 年终会活动策划方案 深度解析:第一财经回放,探索财经新风向 逆水寒手游庄园怎么邀请好友同住 逆水寒手游 逆水寒不同区可以一起组队吗? 逆水寒手游 逆水寒怎么进入好友世界? 逆水寒手游 逆水寒怎么去别人的庄园? 使用puppeteer实现将htmll转成pdf 内卷时代下的前端技术-使用JavaScript在浏览器中生成PDF文档 【译】将HTML转为PDF的几种实现方案 变形金刚08动画怎么样 变形金刚08动画的问题 变形金刚08动画日语版剧情介绍 高分!换显卡nvidia控制面板被我卸了,重新安装显卡驱动后没了nvidia控... 我的nvidia控制面板被卸载了 怎么找回啊 卸载后 这个画面看着很奇怪_百 ... 李卓彬工作简历 林少明工作简历 广东工业职业技术学院怎么样 郑德涛任职简历 唐新桂个人简历 土地入股的定义 ups快递客服电话24小时 贷款记录在征信保留几年? 安徽徽商城有限公司公司简介 安徽省徽商集团新能源股份有限公司基本情况 安徽省徽商集团有限公司经营理念 2019哈尔滨煤气费怎么有税? 快手删除的作品如何恢复 体育理念体育理念 有关体育的格言和理念 什么是体育理念 万里挑一算彩礼还是见面礼 绿萝扦插多少天后发芽 绿萝扦插多久发芽 扦插绿萝多久发芽 炖牛排骨的做法和配料 网络诈骗定罪标准揭秘 “流水不争先”是什么意思? mc中钻石装备怎么做 为什么我的MC里的钻石块是这样的?我想要那种。是不是版本的问题?如果是... 带“偷儿”的诗句 “君不见巴丘古城如培塿”的出处是哪里 带“奈何”的诗句大全(229句) 里翁行()拼音版、注音及读音 带“不虑”的诗句 “鲁肃当年万人守”的出处是哪里 无尘防尘棚 如何切换Flash为HTML5播放器 如何使浏览器支持HTML5播放器? 浏览器的Flash很快就不支持了,那怎么使用Html5来... 如何自动播放html5视频 如何使用html5? html5如何实现自动播放视频 HTML5代码怎么播放.qlv的视频? b站怎么切换到HTML5版播放器? 怎么用html5来播放网页视频 饭桌上的礼仪,我们该怎么做? 中国餐桌上的讲究 餐桌上的礼仪? 在饭桌上应该注意什么 饭桌上的礼仪有哪些? 形容谢皮罗波义耳等人的四字词语 扩句 1.老师让我们看头盖骨。 2.波义耳向实验室走... 17世纪英国皇家学会化学家罗伯特·波义耳对未来科技... 《羞辱》波义尔女士不杀的方法? 求罗伯特.波义耳所有著作名称!! 哪些动漫男角是你的最爱呢? 如何使用HTML5给video设置循环播放2次数,并给视频... 如何在用HTML5 看优酷视频 网站中怎么加入html5播放器 技术问题:HTML5怎么实现播放PPT的,用什么插件? html5怎样播放swf格式的视频 如何用火狐使用html5播放爱奇艺,优酷,搜 三个月的孕妇的食谱有哪些? 孕妇怀孕三个月以后应该注意什么,吃什么好? 怀孕三个月是孕妇的一个重要时期,胎儿大概多大? 怀孕3个月胎儿成形了吗?孕妇需要注意哪些问题? 孕妇三个月检查什么? 孕妇怀孕三个月吃什么对胎儿发育有好处 在怀孕三个月时,孕妈妈必须要做的事项有什么? 孕妇怀孕第三个月有哪些保健的措施? 怎么创建那种小程序商城? word里能边打字边隐藏吗? 怎么设置? 电脑输入法怎么隐藏???一打字就出现了。。求高... 桌面上的输入法怎样隐藏 打字怎样能隐藏字然后开手电筒能显示出来? 电脑输入法怎么隐藏
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com