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

我有一个大容量的移动硬盘,平时喜欢手机电影。想用本地静态网页把电影整理成跟视频网站差不多的形式。点击连接可以打开本地的电影。能行得通吗.

需要准备的材料分别有:电脑、浏览器、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个回答  2018-01-03
<!DOCTYPE html>
<html>
<head> 
<meta content="text/html;charset=UTF-8">
<title>网页播放本地视频</title> 
</head>
<body>
<video width="500" height="500" controls autoplay>
  <source src="E:/钢之炼金术师/钢之炼金术师第一季/[钢之炼金术师] (1).ogg" type="video/ogg">
  <source src="E:/钢之炼金术师/钢之炼金术师第一季/[钢之炼金术师] (1).mp4" type="video/mp4">
  <source src="E:/钢之炼金术师/钢之炼金术师第一季/[钢之炼金术师] (1).webm" type="video/webm">
  <object data="E:/钢之炼金术师/钢之炼金术师第一季/[钢之炼金术师] (1).mp4" width="320" height="240">
<embed width="500" height="500" src="E:/钢之炼金术师/钢之炼金术师第一季/[钢之炼金术师] (1).swf">
  </object>
</video>
</body>
</html>

只需要把文件名改成你的就行了

注意:路径要用"/"别用"\",否则会播放不出来哦

追问

路径这块问题不大,这个东西对视频格式还有限制吗?

追答

只支持MP4、ogg、webm3种格式

追问

能设置调用本地播放器吗

追答

如果你安装的有potplayer软件的话,可以用以下代码放到body标签中

<object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="width: 500px; height: 500px;">
<param NAME="AutoStart" VALUE="1">
<param NAME="Balance" VALUE="0">
<param name="enabled" value="1">
<param NAME="EnableContextMenu" VALUE="">
<param NAME="url" VALUE="E:/钢之炼金术师/[钢之炼金术师FA][1-64完][诸神字幕组][中日双字幕]/01.rmvb">
<param NAME="PlayCount" VALUE="1>
<param name="rate" value="1">
<param name="currentPosition" value="0">
<param name="currentMarker" value="0">
<param name="defaultFrame" value="">
<param name="invokeURLs" value="0">
<param name="baseURL" value="">
<param name="stretchToFit" value="0">
<param name="volume" value="50">
<param name="mute" value="0">
<param name="uiMode" value="Full">
<param name="windowlessVideo" value="0">
<param name="fullScreen" value="0">
<param name="enableErrorDialogs" value="-1">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
</object>

注意:ie浏览器下可以正常播放

本回答被提问者采纳
第2个回答  2018-01-03
用embed元素