当前位置: 主页 > 动态资讯 > 问题集锦 >

需要注意的是:视频文件名改成英文的
 
1,ftp打开网站根目录:

FTP打开<a href='https://www.cinseo.com/jzfa/' target='_blank'><u>网站目录</u></a>
video1.html 这种命名文件都是视频播放文件每个文件里面有一个视频代码。
 
2,打开index.html (网站首页文件)

在需要添加视频的位置查找相应的图片、文字、代码。 如下图HTML5特效的网站、当鼠标停留在图片上的时候出现了一个连接,如果就是想加到这里的话,在刚才打开的index.html中查找一下代码。
 
查找网站代码

查找代码的方法以前我写过技术文章、今天在简单的说一下,如果你没理解怎么找代码,那么你可以在本站搜索下。

查找相对应的代码

如上图所示,浏览器左下角会有提示当前的链接。

或者,右键属性查看链接

右键属性查看链接

看属性也可以看到,当前的链接,我这里看到的如下图:video1.html

video1.html

暂时就说2个方法,如果你会其他的可以哈。

接下来,我们在 index.html 代码里找 video1.html  可以直接通过查询、搜索, 比如 TXT文档打开或者其他编辑器打开的话,都是可以的。

找代码

这是一个关键代码

   <a href="video1.html" target="_blank"><i class="fa fa-search icon-view"></i></a>

意思是,这个位置的链接会跳转到video1.html  正好就播放了。

按照这个原理,你可以建立很多个video(*).html 具体要建立多少个、这个就没什么限制了。 比如我已经建立过的video2.html  video3.html  video4.html video5.html  video6.html 

如果视频文件名称有更改,请修改相对应的链接。

下面说说图片类型的怎么替换:

当查看属性看到链接是 http://www.tycm-cg.com/images/portfolio/d-5.jpg   这是图片类型的。

图片类型的怎么替换

也按照上面讲过的方法找代码就可以。

查找图片名称之后,我找到了如下代码:

<a href="images/portfolio/d-5.jpg" data-type="prettyPhoto[gallery]"><i class="fa fa-search icon-view"></i></a>

其实可以对比下:

链接的是:<a href="video1.html" target="_blank"><i class="fa fa-search icon-view"></i></a>
图片的是:<a href="images/portfolio/d-5.jpg" data-type="prettyPhoto[gallery]"><i class="fa fa-search icon-view"></i></a>

直接替换下就行了,理论都是一样的。

比如我用:<a href="video119.html" target="_blank"><i class="fa fa-search icon-view"></i></a> 来替换掉 <a href="images/portfolio/d-5.jpg" data-type="prettyPhoto[gallery]"><i class="fa fa-search icon-view"></i></a>

就可以了,video119.html 这个文件名字随便起名。放到网站根目录下,或者其他文件夹之下都可以,但是不要忘记路径。


备注:本地修改完index.html上传覆盖到FTP网站根目录下,这个别忘记了,不然在刷新后还是看不到效果了。


 网站建设一条龙服务,原创文章欢迎转载:http://www.cinseo.com/ask/7175.html  请保留链接!

(责任编辑:admin)

关键词: 操作 代码 图片 教程 视频 方法 html 原来 播放 何在 加入 位置

上一篇:PHP在X64位系统运行时报错1%不是有效的win32应用程序【解决方法

下一篇:WAMP安装设置:内网+外网,成功验证的宝贵经验!WampServer3.0.4