如何实现本地html调用打开本地视频?

html-css06

如何实现本地html调用打开本地视频?,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先在前台建立uploadFile.aspx文件,利用.net自带控件FileUpload上传本地文件到服务器。

2、建立后台文件uploadFile.aspx.cs,利用提交按钮的的点击事件创建触发方法FileUploadButton_Click,上传选择的本地文件。

3、利用jquery脚本语言上传文件,首先建立upload.html前台html然后把上传的脚本文件包含在内。

4、前台上传脚本文件ajaxfileupload.js核心代码。

5、后台新建upload.ashx文件,处理前台传输文件的请求。

HTML介绍

HTML是超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用,HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。

页面内可以包含图片、链接,甚至音乐、程序等非文字元素,结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

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控制视频播放的效果。