如何在网站中嵌入视频播放器 [复制链接] [手机版]

通常我们要在自己做的网站上放视频方法就是将自己的视频先上传到优酷，土豆等一些大的视频网站，然后再将优酷，土豆上的视频通过分享代码嵌入自己的网站上。（相关教程：如何给网页添加视频动画）

如何在网站中嵌入视频播放器

这种方法可以节省网站空间，但是这些视频上面有大量的优酷广告，特别长的时间达到60秒，用户体验不是很好。利用去除优酷广告的方法也很难走效。

那么如何上自己网站中嵌入视频播放器，直接播放自己的视频呢？

方法/步骤
1、转换自己的视频格式为MP4格式；

一般AVI格式的视频是很大的，所以我们第一步要做的是把视频格式进行转换，以便节约空间资源和更快的打开视频，转换视频格式我们经常会用到一个软件——格式工厂，这个软件是免费的，你可以通过互联网进行下载，你也可以在帖子特别底部找到软件的下载地址，通过此软件AVI等视频转换为网页视频格式MP4等。

2、上传转换后的视频至自己网站空间中，（一般可以在自己空间根目录下新建一个文件夹video，用于存放视频）；

3、上传完成后，可以通过以下代码直接在文章编辑（文本编辑模式）中插入调用代码即可；

<iframe src="视频地址" frameborder="0" allowfullscreen="" width="600" height="400"></iframe>
4、提示：虚拟主机由于流量限制，不会支持很多视频的播放。建议使用服务器或者将视频上传到大视频网站，然后引用。

既然是研究，那就该移动下主题了。

研究了几个小时，两个眼皮都严重打架了，还是没研究出来。算了，先去睡觉吧。

这里面的滚动内容似乎一直没有修改，就当是纪念曾经的岁月吧。

这是后台自定义代码里面的内容，这里没什么，也不需要改。看来可能需要修改js文件，这个似乎有难度啊。 不是似乎，是很有难度，因为自己不会啊。

前面说过自定义代码flvlist能把多个（flv）视频集中起来，只是现在看来兼容性有问题，因为flash的存在。那能不能把里面的播放部分改为由video来完成呢？这很期待！

而把video添加为自定义代码后，似乎就能一定程度上避免黑色背景的出现。

直接使用[Iframe]标签可以在后台关闭或开启，比较方便。或者稍加改进，定义为自定义代码（指定宽度和高度，但不太好掌握，也不方便），添加sandbox属性后似乎还可以增加安全性。但它们有个共同的不好的地方：如何比例不合适，会有黑色的背景。虽然不明就里，但安全性一直是我耿耿于怀的，总怕不安全。

[Iframe]标签可以在后台编辑器里开启或关闭。关闭时提示：
Iframe Close: http://www.vtu425.com/5337music/yuyang.mp4

可选属性

属性	值	描述	备注
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。	谷歌高版本浏览器不允许自动播放，除非设置muted属性。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。	使用第三方播放器时，不添加该属性，以便使用自定义控件
height	pixels	设置视频播放器的高度。	不建议使用，使用CSS替换
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。	无
muted	muted	如果出现该属性，视频的音频输出为静音。	只有设置这个属性视频才会自动播放
poster	URL	规定视频正在下载时显示的图像，直到用户点击播放按钮。	Poster建议分辨率：1280x720，以免在弱网环境下加载慢
preload	auto metadata none	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。	无
src	URL	要播放的视频的 URL。	使用流媒体格式时，显示blob:开头的URL
width	pixels	设置视频播放器的宽度。	不建议使用，使用CSS替换