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

经测试， sandbox=""这个参数似乎真的可以禁止自动播放。赞！上面还说“sandbox属性提升 iFrame 的安全性。sandbox属性可以防止不信任的Web页面执行某些操作。” 这个我们无法验证，希望是真的吧。 因为这个iframe标签似乎真的不太安全，不到万不得已真的不想开启，都是flash惹的祸。

video是 HTML 5 中的新标签

<video> 是HTML 5 中的新标签。

<video> 标签的作用是在 HTML 页面中嵌入视频元素。

<video> 标签定义视频，比如电影片段或其他视频流。

浏览器兼容性

<video> 元素支持三种视频格式：MP4、WebM、Ogg。 [1]

浏览器	MP4	WebM	Ogg
Internet Explorer 9+	Y	N	N
Chrome 6+	Y	Y	Y
Firefox 3.6+	Y	Y	Y
Safari 5+	Y	N	N
Opera 10.6+	N	Y	Y

• MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器

• WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器

• Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

可选属性

属性	值	描述	备注
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替换

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

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

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

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

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

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

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