最近很多小伙伴都在问,怎么在文章中上传本地视频? 原先的操作太复杂,还要添加代码才能播放,哎哟,看了小编的帮助文档还是不会弄~~ 实在太难啦
好消息,经过程序猿们日以继夜的搬砖,终于推出简单版,上传本地视频啦~~
在各位小主看操作步骤前,先要注意下面一点:
1、上传的视频不能超过20M
2、超过20M的看解决问题第4点,视频播放代码都是标签,不要用</span> </p> <p> <span style="color:#FF0000;"><strong><br /> </strong> </span> </p> <p> <br /> </p> <p> 现在,请小主们按照下面的操作步骤来上传视频: </p> <p class="MsoListParagraph" style="text-indent:0px;margin-left:18pt;"> <span style="color:#0000FF;font-size:16px;">一、 在资讯或产品频道中,点击新建,录入一个视频</span> </p> <p class="MsoListParagraph img-block" style="text-indent:0px;margin-left:18pt;"> <img align="middle" alt="QQ截图20191105112017" src="/mobile/resource/images/a82fd1c35eff453ebc8d5b1da758e078_4_copy.png" title="QQ截图20191105112017" /> </p> <p class="MsoListParagraph img-block" style="text-indent:0px;margin-left:18pt;"> (以上是频道点击新建视频) </p> <p class="MsoListParagraph" style="text-indent:0px;margin-left:18pt;"> <span style="color:#0000FF;font-size:16px;">二、拟好视频标题,选择视频分类</span> </p> <p class="MsoListParagraph img-block" style="text-indent:0px;margin-left:18pt;"> <img align="middle" alt="1" src="/mobile/resource/images/a82fd1c35eff453ebc8d5b1da758e078_6_copy.png" title="1" /> </p> <p align="center" class="img-block" style="text-align:center;"> (以上是填写视频标题,选择视频分类) </p> <br /> <p align="left" class="img-block" style="text-align:left;"> <span style="color:#0000FF;font-size:16px;">三、在详情内容工具栏中,点击<img align="middle" alt="2" src="/mobile/resource/images/035ed00f665a4f86bdcf5638df35e671_10_copy.png" title="2" />图标,添加本地视频</span><br /> <img align="middle" alt="1" src="/mobile/resource/images/035ed00f665a4f86bdcf5638df35e671_12_copy.png" title="1" /> </p> <p align="center" class="img-block" style="text-align:center;"> (以上是选择上传本地视频或引用第三方视频) </p> <p> <br /> </p> <p> <span style="color:#0000FF;font-size:16px;">四、<span style="color:#FF0000;font-size:18px;">选择</span>上传本地视频</span> </p> <p class="img-block"> <img align="middle" alt="3" src="/mobile/resource/images/035ed00f665a4f86bdcf5638df35e671_14_copy.png" title="3" /> </p> <p class="img-block"> (以上是怎么选择上传本地视频) </p> <p class="img-block"> <br /> </p> <p align="left" class="img-block" style="text-align:left;"> <span style="color:#0000FF;font-size:16px;">五、点击上传附件,上传本地视频<span style="color:#0000FF;font-size:16px;">,</span>或者在附件库中选择已有的视频</span> </p> <p class="img-block"> <img align="middle" alt="4" src="/mobile/resource/images/035ed00f665a4f86bdcf5638df35e671_22_copy.png" title="4" /> </p> <p class="img-block"> (以上是怎么选择上传本地视频) </p> <p class="img-block"> <br /> </p> <p class="img-block"> <img align="middle" alt="88" src="/mobile/resource/images/035ed00f665a4f86bdcf5638df35e671_68_copy.png" title="88" /> </p> <p class="img-block"> (以上是从附件库中选择视频) </p> <p align="left" class="img-block" style="text-align:left;"> <br /> </p> <p align="left" class="img-block" style="text-align:left;"> <span style="color:#0000FF;font-size:16px;">六、勾选自动播放,点击确定</span> </p> <p align="center" class="img-block" style="text-align:center;"> <img align="middle" alt="5" src="/mobile/resource/images/035ed00f665a4f86bdcf5638df35e671_24_copy.png" title="5" /> </p> <p align="center" class="img-block" style="text-align:center;"> (以上是保存上传本地视频并勾选自动播放) </p> <p> <br /> </p> <p> <span style="color:#0000FF;font-size:16px;">七、这时,可以看到文章里面已经插入视频并开始播放了</span> </p> <p class="img-block"> <img align="middle" alt="6" src="/mobile/resource/images/035ed00f665a4f86bdcf5638df35e671_26_copy.png" title="6" /> </p> <p class="img-block"> (以上是文章详情播放视频) </p> <p> <br /> </p> <p> <span style="color:#0000FF;font-size:16px;">八、保存视频文章并<span style="color:#FF0000;font-size:24px;">发布网站</span>!!</span> </p> <p> <br /> </p> <p> 到此,怎么上传本地视频就介绍完了噢~  相信聪明的你一学就会啦~~~ </p> <p> <br /> </p> <p> <span style="color:#FF0000;font-size:24px;">常见问题解答:</span> </p> <p> <br /> </p> <p> <span style="color:#0000FF;font-size:16px;">1、PC上传本地视频会自动同步至手机频道吗?</span> </p> <p> 答:目前已支持PC上传视频同步至手机端了噢~ </p> <p> <span style="color:#0000FF;font-size:16px;"><br /> </span> </p> <p> <span style="color:#0000FF;font-size:16px;">2、预览文章能看播放视频吗?</span> </p> <p> 答:预览模式是不支持播放视频的,想看到视频播放效果,可在上传本地视频后,勾选自动播放功能或者发布网站查看视频。 </p> <p> <br /> </p> <p> <span style="color:#0000FF;font-size:16px;">3、上传视频会增加网站发布速度吗?</span> </p> <p> 答:会的,上传视频请注意大小,太大会影响发布速度的。 </p> <p> <br /> </p> <p> <span style="color:#0000FF;font-size:16px;">4、想上传20M以上的视频怎么处理呢?</span> </p> <p> 答:可自行上传至虚机FTP,然后将地址引用到文章里。 </p> <p>       <span style="color:#FF6600;">1)、用工具打开虚机所在的FTP,将视频上传至路径:/resource/attachments,如上传视频名:VID_20191007_172454.mp4</span> </p> <p class="img-block"> <img align="middle" alt="15" src="/mobile/resource/images/258a2349fd33403ba9fe454820cb9d09_6_copy.png" title="15" /> </p> <p class="img-block"> (以上是虚机上传超20M以上视频) </p> <p>       <span style="color:#FF6600;">2)、拼接视频路径:域名+上传路径+文件名,如http://help.cms.nsw99.com/resource/attachments/VID_20191007_172454.mp4</span> </p> <p>       <span style="color:#FF6600;">3)、在文章详情编辑器中,添加如下代码,如代码不会添加,可先上传本地视频,生成下面代码,然后在源码处修改路径即可。</span> </p> <p class="img-block"> <img align="middle" alt="20" src="/mobile/resource/images/258a2349fd33403ba9fe454820cb9d09_8_copy.png" title="20" /> </p> <p align="center" style="text-align:center;"> (以上是修改视频路径) </p>      <span style="color:#FF6600;">4)、这种情况,</span><span style="color:#FF6600;">手机会自动同步,不需要重新上传视频</span><br /> <br /> <p> <span style="color:#0000FF;font-size:16px;">5、上传的视频想删除,怎么删除呢?</span> </p> <p> 答:可以上传本地视频 - 附件库中,选择想要删除的视频即可 </p> <p class="img-block"> <img align="middle" alt="18" src="/mobile/resource/images/258a2349fd33403ba9fe454820cb9d09_2_copy.png" title="18" /> </p> <p align="center" style="text-align:center;"> (以上是在本地视频 - 附件库中删除视频) </p> <p class="img-block"> <img align="middle" alt="19" src="/mobile/resource/images/258a2349fd33403ba9fe454820cb9d09_4_copy.png" title="19" /> </p> <p align="center" style="text-align:center;"> (以上是在本地视频 - 附件库中删除视频,确认后将放至回收站) </p> <p> <br /> </p> <p> <span style="color:#3366FF;font-size:16px;">6、可以引用牛商云视频吗?</span> </p> <p> 答:可以的。将牛商云视频链接地址,贴在URL中即可。 </p> <p class="img-block"> <img align="center" alt="企业微信截图_16282220187002" src="/mobile/resource/images/cea6405c716245bf8f627344cb98ec3e_2_copy.png" title="企业微信截图_16282220187002" /> </p> <p> <br /> </p> <p> <br /> </p> </div> <div class="clear"></div> </div> <div class="m-xx-fy-01"> <a href="/mobile/article_zxgl.html" title="返回列表"> <div class="m-xx-fy-01-return"> 返回 <br />列表 </div> </a> <a href="/mobile/articles/wzzdgj.html" title="文章中的关键词如何添加超链接"> <div class="m-xx-fy-01-next"> <span>上一条</span> <p>文章中的关键词如何添加超链接</p> </div> </a> <a href="/mobile/articles/rhbwor.html" title="如何把word文档拷贝过来的文字编排的更漂亮"> <div class="m-xx-fy-01-prev"> <span>下一条 </span> <p>如何把word文档拷贝过来的文字编排的更漂亮</p> </div> </a> </div></body></html> <div> <footer class="footer-1"> <ul class="m1-vice-nav"> <li> <a href="/mobile/article_category.html" title="常规操作">常规操作</a> </li> <li> <a href="/mobile/article_sjgg.html" title="升级公告">升级公告</a> </li> </ul> <p class="m1-copy"><a href="http://www.nsw88.com/" target="_blank" title="1">网站测试</a>版权所有 2008-2020</p> <p class="m1-version"> 切换到:<a class="m1-current" href="http://help.cms.nsw99.com/mobile" target="_blank" title="">手机版</a><a href="http://help.cms.nsw99.com" target="_blank">电脑版</a> </p> </footer> </div> <script src="/mobile/5c061c5ee4b0dbda8e3ca64e.js" type="text/javascript"></script> <script liveid="596683b1f385c1767938d116441e4886" src="https://zhibo.nswyun.com/zb/probe/assets/live_service.js"></script> <script> var sysBasePath = null ;var projPageData = {};</script><script>(function(){var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src='https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src='http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();</script></body></html>