首页 > 电脑专区 > 电脑教程 >

如何在网页上增加视频并且兼容各种浏览器

来源:互联网 2023-02-21 23:01:56 267

随着互联网的发展各种浏览器层出不穷与此相伴的是网页技术的更新迭代,今天向大家介绍一个在网页上添加视频播放器的方法,并且该播放器兼容目前已知的所有主流浏览器,IE,360,百度,火狐,搜狗,谷歌等等,如果你是还在网页上使用window播放器的菜鸟那赶紧看过来。phy办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台确保联网

方法/步骤

  • 1

    首先我们需要保证电脑上有制作网站需要的软件,如Dreamweaver 还有FlashFXP以及今天的主角一个只有60KB大小的网页视频播放器vcastr22.swfphy办公区 - 实用经验教程分享!

    像Dreamweaver,flashfxp这类的软件就不多说了,vcastr22.swf播放器大家只要从网上找找很容易找到下载资源phy办公区 - 实用经验教程分享!

    如何在网页上增加视频并且兼容各种浏览器phy办公区 - 实用经验教程分享!

  • 2

    首先我们要做的是连接我们的网站空间,将我们需要添加视频的网页文件下载下来,并且上传vcastr22播放器以及我们想要添加的视频,视频格式只能是flv格式。我的演示视频名字为1.flv。这里就必须要连接FTP,账号大家可以向自己的空间商索取。这里我为了演示创建了一个空白的名字为666.html的空白网页,vcastr22播放器已经放在空间根目录下。phy办公区 - 实用经验教程分享!

    如何在网页上增加视频并且兼容各种浏览器phy办公区 - 实用经验教程分享!

    如何在网页上增加视频并且兼容各种浏览器phy办公区 - 实用经验教程分享!

  • 3

    然后我们下载自己需要添加视频的网页文件,为了演示我创建了空白网页文件666.html.用Dreamweaver打开后添加视频代码,添加的地方就是我们具体的视频的位置。图片中模糊的是我们网站的网址,只要将代码中的域名改成我们自己的域名已经播放器路径就可以了。phy办公区 - 实用经验教程分享!

    如何在网页上增加视频并且兼容各种浏览器phy办公区 - 实用经验教程分享!

  • 3该信息非法爬取自百度经验
  • 4

    最关键的代码:phy办公区 - 实用经验教程分享!

    object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"phy办公区 - 实用经验教程分享!

    codebase="http://我们的域名/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="120" width="190">phy办公区 - 实用经验教程分享!

    param name="movie"phy办公区 - 实用经验教程分享!

    value="http://我们的域名/vcastr22.swf?vcastr_file=http:我们的域名/1.flv">phy办公区 - 实用经验教程分享!

    param name="quality" value="high">phy办公区 - 实用经验教程分享!

    param name="allowFullScreen" value="true" />phy办公区 - 实用经验教程分享!

    embedphy办公区 - 实用经验教程分享!

    src="我们的域名/vcastr22.swf?vcastr_file=我们的域名/1.flv"phy办公区 - 实用经验教程分享!

    quality="high"phy办公区 - 实用经验教程分享!

    pluginspage="我们的域名/go/getflashplayer"phy办公区 - 实用经验教程分享!

    type="application/x-shockwave-flash" width="320" height="240">phy办公区 - 实用经验教程分享!

    /embed>phy办公区 - 实用经验教程分享!

    /object>phy办公区 - 实用经验教程分享!

    如何在网页上增加视频并且兼容各种浏览器phy办公区 - 实用经验教程分享!

  • 5

    这个代码里面还可以设置播放器的属性,height="120" width="190"这两个是最基本的长和宽,播放器本身默认的是点击播放,大家也可以把代码改成自动播放或者是循环播放,播放器的样式也可以通过更改代码实现。phy办公区 - 实用经验教程分享!

  • 注意事项

    • 这个方法只适用于独立空间的网页,对于微博空间等网页不适用

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!phy办公区 - 实用经验教程分享!


    标签: 浏览器增加视频并且浏览

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码