派對屋's Archiver

party 发表于 2012-8-3 20:24

如何发布youtube视频?

<div style="background-image: url(http://i745.photobucket.com/albums/xx98/AkiraLove/Others/tn_IMAGE13.jpg); padding: 1px; border: 7px solid rgb(255, 214, 248);"><p style="background-color: rgb(255, 255, 255);"></p><div style="background-color: rgb(255, 255, 255); font-size: 12px; text-align: center;"><br></div><div style="text-align: center;"><div style="background-color: rgb(255, 255, 255); font-size: 14px; text-align: left;">如何发布Youtube视频在帖子?</div><div style="background-color: rgb(255, 255, 255); font-size: 14px; text-align: left;"><p style="line-height: 30px; text-indent: 2em;"></p><hr class="solidline"></div><div style="background-color: rgb(255, 255, 255); font-size: 14px; text-align: left;"><font color="#8b0000">方法有很多种,一下为方法导航栏:</font></div><div style="background-color: rgb(255, 255, 255); text-align: left;"><font size="2"><span style="background-color: rgb(255, 255, 255);">方法一(新手入门):</span><a href="#1">&lt;请点击此处访问页面&gt;</a></font></div><div style="background-color: rgb(255, 255, 255); text-align: left;"><font size="2"><span style="background-color: rgb(255, 255, 255);">方法二(快速编辑):</span><a href="#2">&lt;请点击此处访问页面&gt;</a></font></div><div style="background-color: rgb(255, 255, 255); text-align: left;"><font size="2"><span style="background-color: rgb(255, 255, 255);">方法三(自动播放):</span><a href="#3">&lt;请点击此处访问页面&gt;</a></font></div><div style="background-color: rgb(255, 255, 255); text-align: left;"><span style="background-color: rgb(255, 255, 255);"><font size="2">其他一(播放完毕后不出现其他多余的视频选择):</font></span><a href="4"></a><a href="#4"><font size="2">&lt;请点击此处访问页面&gt;</font></a></div><div style="background-color: rgb(255, 255, 255); font-size: 12px;"><hr class="solidline"></div><div style="background-color: rgb(255, 255, 255); text-align: left;"><a><b><font size="5"><br></font></b></a></div><div style="background-color: rgb(255, 255, 255); text-align: center;"><a id="1"><b><font size="5">方法一(新手入门)</font></b></a></div><div style="background-color: rgb(255, 255, 255); text-align: left;">最简单的方法,适合新手们使用,但不美观。</div><div style="background-color: rgb(255, 255, 255); text-align: left;">1.打开发新话题后点击使用高级模式,看到这<img src="http://party.joinbbs.net/images/common/http://i644.photobucket.com/albums/uu163/calvinichigo/Youtube.png" alt="youtube">图在工具栏里,这工具是为会员们发布发布youtube视频而设的。</div><div style="background-color: rgb(255, 255, 255); text-align: left;"><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/learn/1.png" border="0" id="e_f_img_0.47566489852033556"></div><div style="background-color: rgb(255, 255, 255); text-align: left;"><br></div><div style="text-align: left;"><div style="background-color: rgb(255, 255, 255);">2.获取你要播放的Youtube视频<font color="#c0c0c0">(不是任何视频都可以,因为作者有权利不让外人转载分享)</font></div><div style="background-color: rgb(255, 255, 255); text-align: left;"><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/2.png" border="0" id="e_f_img_0.878629409475252">&nbsp;</div><div style="background-color: rgb(255, 255, 255); text-align: left;"><br></div><div style="background-color: rgb(255, 255, 255);">3.拷贝youtube的URL里 &nbsp;<font color="#0000ff"><b>Watch?v=</b></font> 的后面字段 粘贴在<img src="http://party.joinbbs.net/images/common/http://i644.photobucket.com/albums/uu163/calvinichigo/Youtube.png" alt="youtube"><font color="#ff0000">论坛提供的Youtube插件按钮</font>里。</div><div style="background-color: rgb(255, 255, 255);"><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/3.png" border="0" id="e_f_img_0.9595671552233398">&nbsp;</div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><div>4.拷贝后确保字段无误<font color="#808080">(少一个字多一个字功能都会失效)</font></div><div><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/1.gif" border="0"></div></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><div>5.然后在帖子就会显示 一组代码</div><div><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/learn/4-1.png" border="0" id="e_f_img_0.42807325976900756"></div></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><div>6.然后完成后就会在帖子里出现 Youtube 视频了。<font color="#808080">(效果如下图)</font></div><div>[youtube]SN_MYbN-DE4&amp;list=LLDgVncXruvaq-54jVBExcTA&amp;feature=mh_lolz[/youtube]</div></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><hr class="solidline"><br></div><div style="background-color: rgb(255, 255, 255); text-align: center;"><b><font size="5"><a id="2">方法二(<span style="background-color: rgb(255, 255, 255);">快速编辑</span>)</a></font></b></div><div style="background-color: rgb(255, 255, 255);"><div>1.在某youtube视频的下面 点击 <font color="#0000ff">Share</font> <font color="#ff0000">(Share or embed this video)</font></div><div>&nbsp; &nbsp;在某youtube视频的下面&nbsp;点击 <font color="#0000ff">分享</font> <font color="#ff0000">(分享或嵌入此视频)</font></div></div><div style="background-color: rgb(255, 255, 255);"><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/Others/2.gif" border="0" id="e_f_img_0.8074006035458297" style="color: rgb(0, 128, 128); font-size: large; font-weight: bold;"></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><div>2.点击Embed (嵌入代码) 拷贝代码</div><div><font color="#808080">&lt;iframe width="560" height="315" src="http://www.youtube.com/embed/SN_MYbN-DE4?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;</font></div><div><b><font size="4"><font color="#008080"><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/Others/5.png" border="0" id="e_f_img_0.6301503432914615"></font></font></b></div></div><div style="background-color: rgb(255, 255, 255);"><b><font size="4"><font color="#008080"><br></font></font></b></div><div style="background-color: rgb(255, 255, 255);"><div>3. 在发帖选项里启用 Html 代码功能<font color="#ff0000">(注意:一定要勾选,否则无效!)</font></div><div><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/8.png" border="0" id="e_f_img_0.4976063999347389"></div></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><div>4.&nbsp;在启用源码模式里 贴入代码<font color="#ff0000">(注意:若没有勾选,不管你怎么贴入代码都是无效的!)</font></div><div><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/Others/7.png" border="0"></div></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><div>5. 然后取消启用源码模式查看</div><div><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/Others/6.png" border="0" id="e_f_img_0.31470234924927354"></div></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><div>5.就会出现与<b><font color="#ff0000">方法一</font></b>不同的效果 并且可以自己设定视频的大小宽度。</div><div>如何设置大小宽度?</div><div>在源码里更改尺寸即可: &nbsp; &nbsp;width="输入尺寸" &nbsp; &nbsp;height="输入尺寸"</div><div><iframe width="560" height="315" src="http://www.youtube.com/embed/SN_MYbN-DE4?rel=0" frameborder="0" allowfullscreen=""></iframe></div></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><hr class="solidline"><b><div style="text-align: center;"><b style="font-size: 12px;"><font size="5"><a id="3">方法三(自动播放)</a></font></b></div></b></div><div><div style="background-color: rgb(255, 255, 255);">1. 也是不勾选任何选项 将代码拷贝贴入你的帖子里</div><div style="background-color: rgb(255, 255, 255);"><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/9.png" border="0"></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);">2. 贴入后将会得到以下的代码:</div><div><font color="#0000ff" style="background-color: rgb(255, 255, 255);">&nbsp; &nbsp; http://www.youtube.com/embed/SN_MYbN-DE4?</font><font color="#ff00ff" style="background-color: rgb(255, 255, 255);">rel=0</font><font color="#ff0000" style="background-color: rgb(255, 255, 255);">&nbsp;</font>(一定要有<font color="#ff00ff">rel=0</font>若没有请自行输入否则视频会出错)</div><div style="background-color: rgb(255, 255, 255);"><font color="#000000">&nbsp; &nbsp;</font></div><div style="background-color: rgb(255, 255, 255);"><font color="#000000">&nbsp; &nbsp; 添加自动播放的代码:</font></div><div style="background-color: rgb(255, 255, 255);"><font color="#000000">&nbsp; &nbsp;&nbsp;</font><font color="#0000ff">http://www.youtube.com/embed/SN_MYbN-DE4?rel=0</font><font color="#ff0000">amp;autoplay=1</font><font color="#000000">&nbsp;(添加&nbsp;</font><span style="color: rgb(255, 0, 0);">amp;autoplay=1&nbsp;</span><span style="color: rgb(0, 0, 0);">代码即可自动播放</span><span style="color: rgb(0, 0, 0);">)</span></div><div style="background-color: rgb(255, 255, 255);"><span style="color: rgb(0, 0, 0);"><br></span></div><div style="background-color: rgb(255, 255, 255);"><span style="color: rgb(0, 0, 0);">&nbsp; &nbsp; 在自动播放完毕后没有任何视频建议的代码:</span></div><div style="background-color: rgb(255, 255, 255);"><span style="color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp;</span><font color="#0000ff">http://www.youtube.com/embed/SN_MYbN-DE4?rel=0</font><font color="#ff0000">&amp;</font><font color="#0000ff">amp;autoplay=1 &nbsp;</font><span style="color: rgb(0, 0, 0);">(在&nbsp;</span><span style="color: rgb(0, 0, 255);">?rel=0&nbsp;</span><span style="color: rgb(0, 0, 0);">和&nbsp;</span><span style="color: rgb(0, 0, 255);">amp;autoplay=1&nbsp;</span><span style="color: rgb(0, 0, 0);">的之间添加&nbsp;</span><span style="color: rgb(255, 0, 0);">&amp;&nbsp;</span><span style="color: rgb(0, 0, 0);">即可)</span></div></div></div></div><div style="background-color: rgb(255, 255, 255); text-align: left; font-size: 12px;"><span style="font-size: 14px;"><br></span></div><div style="background-color: rgb(255, 255, 255); text-align: left; font-size: 12px;"><span style="font-size: 14px;">此处无法直接放入演示,请到另一个区域浏览演示。 演示地址:</span><a href="http://party.joinbbs.net/viewthread.php?tid=58" style="font-size: 14px;">http://party.joinbbs.net/viewthread.php?tid=58</a></div><div style="background-color: rgb(255, 255, 255); text-align: left; font-size: 12px;"><br></div><div style="background-color: rgb(255, 255, 255); text-align: left; font-size: 12px;"><hr class="solidline"></div><div style="background-color: rgb(255, 255, 255); text-align: left; font-size: 12px;"><br></div><div style="background-color: rgb(255, 255, 255); text-align: center;"><b><font size="5"><a id="4">其他一(播放完毕后不出现其他多余的视频选择)</a></font></b></div><div style="background-color: rgb(255, 255, 255); text-align: left;"><div><img src="http://i745.photobucket.com/albums/xx98/AkiraLove/9.png" border="0" id="e_f_img_0.35142876161262393">&nbsp;<br></div><div>1. 跟着<font color="#0000ff">方法二</font>的步骤去做,在youtube视频设置里不要勾选任何选项。</div><div>&nbsp; &nbsp; show suggested videos when the video finishes : 表示播放完毕不会出现多余的视频建议</div><div>&nbsp; &nbsp; Use old embed code &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;: 表示使用经典的视频播放器(古老版)</div><div><br></div><div>2. 然后就可以在Embed(嵌入代码)里拷贝代码贴入帖子中了</div><div>&nbsp; &nbsp;&nbsp;</div><div>&nbsp; &nbsp; 你若有勾选【<font size="1">show suggested videos when the video finishes&nbsp;</font>】代码就会显示:</div><div>&nbsp; &nbsp;&nbsp;<span style="color: rgb(0, 0, 255);">http://www.youtube.com/embed/SN_MYbN-DE4</span></div><div><span style="color: rgb(0, 0, 255);">&nbsp; &nbsp;&nbsp;</span></div><div>&nbsp; &nbsp; 你若没有勾选【<font size="1">show suggested videos when the video finishes&nbsp;</font>】代码就会显示:(多了&nbsp;<font color="#ff0000"><b>?rel=0</b></font>&nbsp;的代码)<br>&nbsp; &nbsp;&nbsp;<span style="color: rgb(0, 0, 255);">http://www.youtube.com/embed/SN_MYbN-DE4</span><font color="#ff0000"><b>?rel=0</b></font></div><div><br></div></div></div>

AhQing 发表于 2012-8-4 18:24

看得懂~~~~{:4_130:}

party 发表于 2012-8-4 18:25

那就好了~ 怕我制作的教程会有人看不懂。。。{:6_228:}

百灵禅寺 发表于 2013-2-23 15:40

我也看懂了...謝謝樓主的分享{:4_130:}

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.