注册 登录
北美生活网~和你在一起 返回首页

北美生活网的个人空间 http://www.beimeilife.com/?4 [收藏] [复制] [分享] [RSS]

日志

在博文里用iframe 编码粘贴youtube视频的详细步骤

热度 2已有 259 次阅读2016-3-11 01:46 |个人分类:站点功能|系统分类:日记随笔| youtube, iframe, youtube

1:什么叫iframe代码, 为什么用

Youtube采用了iframe编码是一种html5形式的网页代码, 我们使用它的主要原因是它改变了论坛编辑器里的“添加视频” 功能,只能粘贴在电脑上观看的flash机制的视频,而iframe编码不仅在电脑上,而且iOS以及Android的移动设备上如iPad都可以观看。

2:如何获取iframe( 举例):

--a: 比如youtube视频:  , 在浏览器中打开前面的视频页,有两种办法:

----(1):在视频中间右键----选择Copy embed code(复制embed代码)----我先显示在这里(如何粘贴在博文里后面细说):<iframe width="854" height="480" src="https://www.youtube.com/embed/V6s5l0lw8_U" frameborder="0" allowfullscreen></iframe>


----(2):在视频底部, 点击“Share"分享按钮---在点击下面一行分享按钮傍边的"Embed"”内置编码“按钮, 就出现了该视频的iframe编码:
<iframe width="854" height="480" src="https://www.youtube.com/embed/V6s5l0lw8_U" frameborder="0" allowfullscreen></iframe>


--b: 在腾迅视频里一样:在视频底部的分享按钮下面有“复制通用代码”


3:如何将上面的iframe代码添加到博文里:


---(1)首先进入博文编辑状态:点击博文编辑器工具栏最后的小方框----“编辑源码”( 新手入门可能当前在权限上受限制,将来会打开)


---(2)将上面的编码添在“源码编辑状态”下的“适当位置,因为都是html网页代码, 容易眼花缭乱, 对付 这个”适当“可以采用这样的方法:


1:清除“编辑代码”的勾选---就是在正常的编辑状态下, 在你需要添加代码的地方先敲出醒目的一串相同字符,如“AAAAAAAAAAAAAAAAAA" ,不要带引号, 多少个A无所谓,醒目为目的, 下一步会用iframe代码去全部代替他们。


2:这时点击编辑代码,博文将变成html代码, 在这里会很容易发现上一步敲出的AAAAAAAAAAAAAAAAAA:将其全选并用最上面第一步的youtube视频iframe代码来代替:<iframe width="854" height="480" src="https://www.youtube.com/embed/V6s5l0lw8_U" frameborder="0" allowfullscreen></iframe>


3:调节视频的宽与高的设置,我们这里博文最大宽度750左右, 比如上面的可以改为---<iframe width="750" height="550" src="https://www.youtube.com/embed/V6s5l0lw8_U" frameborder="0" allowfullscreen></iframe>


 4:然后,再次点击那个编辑器工具栏最后面的”编辑源码“----清除勾选, 你立即会在博文的最底部看到视频的真实显示。


5:选中视频框,用编辑器中的“左对齐”“居中” 等调节位置。



高兴

感动
1

鲜花
1

漂亮

酷毙

握手

同情

搞笑

刚表态过的朋友 (2 人)

发表评论 评论 (4 个评论)

回复 mayimayi 2016-3-12 00:35
谢谢你的好心 和辛苦!
这对新来的人会有帮助

俺会去试试你的方法,
回复 mayimayi 2016-3-12 00:39
请你, 有空时, 把此帖 和其他 技术帮助的贴,
都放在( 帮助)-- 栏目之下

谢谢!
回复 北美生活网 2016-3-12 02:05
mayimayi: 请你, 有空时, 把此帖 和其他 技术帮助的贴,
都放在( 帮助)-- 栏目之下

谢谢!
好的, 谢谢提醒~
回复 北美生活网 2016-3-12 17:34
添加到帮助中心了{:4_102:}

http://www.beimeilife.com/misc.php?mod=faq

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 注册

返回顶部