如何在网页中插入视频
作者:fywxf 日期:2018-08-10
有些朋友在为公司制作网页时,经常会遇到要求在网页中插入视频的要求吧?
在过去这可能是个难题,可在现在,这完全是小菜一碟。因为现在有了很多服务稳定、内容丰富的视频网站,我们可以将视频放到视频网站上,再链接到自己的公司网页中。
提到视频网站,相信大家都不会陌生,而且应该运用起来比较娴熟吧?没错,用视频网站上的视频嵌入到自己的网页中就像在网页中插入Flash一样简单,基本上只会用到两种方法,请看下面的详细介绍。
视频网站,我们就以国内最具代表性的优酷网和土豆网两家为例。
优酷网的视频播放器下方会有共享按钮,点击它就可以看到共享的链接
土豆网的视频播放器下方同样也有分享按钮,不过需要点击展开按钮才可以看到,而且形式和优酷网也略有区别,“复制swf播放器地址”就是复制以swf为文件结尾的视频播放器地址,“复制Html代码”就是复制以<embed>为开头的播放器插件源代码,这两项的格式和内容基本和优酷网相似。
下面介绍一下这两种代码的使用方法。
无论从哪个视频网站,如果使用第一种“复制swf播放器地址”将视频插入到网页中,就需要使用插入flash文件的方式。用Dreamweaver新建或打开一个网页,然后点击软件工具栏中插入flash按钮,在弹出的对话框中输入复制的URL地址,最后在定义一下flash播放器的宽度和高度就可以了。
如果采用第二种“复制Html代码”,要想将视频插入到网页中,需要用Dreamweaver新建或打开一个网页,然后在源代码中将所复制的代码粘贴进来,然后直接预览就可以了。
在过去这可能是个难题,可在现在,这完全是小菜一碟。因为现在有了很多服务稳定、内容丰富的视频网站,我们可以将视频放到视频网站上,再链接到自己的公司网页中。
提到视频网站,相信大家都不会陌生,而且应该运用起来比较娴熟吧?没错,用视频网站上的视频嵌入到自己的网页中就像在网页中插入Flash一样简单,基本上只会用到两种方法,请看下面的详细介绍。
视频网站,我们就以国内最具代表性的优酷网和土豆网两家为例。
优酷网的视频播放器下方会有共享按钮,点击它就可以看到共享的链接
土豆网的视频播放器下方同样也有分享按钮,不过需要点击展开按钮才可以看到,而且形式和优酷网也略有区别,“复制swf播放器地址”就是复制以swf为文件结尾的视频播放器地址,“复制Html代码”就是复制以<embed>为开头的播放器插件源代码,这两项的格式和内容基本和优酷网相似。
下面介绍一下这两种代码的使用方法。
无论从哪个视频网站,如果使用第一种“复制swf播放器地址”将视频插入到网页中,就需要使用插入flash文件的方式。用Dreamweaver新建或打开一个网页,然后点击软件工具栏中插入flash按钮,在弹出的对话框中输入复制的URL地址,最后在定义一下flash播放器的宽度和高度就可以了。
如果采用第二种“复制Html代码”,要想将视频插入到网页中,需要用Dreamweaver新建或打开一个网页,然后在源代码中将所复制的代码粘贴进来,然后直接预览就可以了。
评论: 0 | 引用: 0 | 查看次数: 1851
发表评论