octopress 如何添加youku视频和本地视频(octopress how to add a youku video or a local video)
2014-12-11 20:20
489 查看
用octopress 官方的video tag 可以添加视频,但是由于国内经常使用的是youku,所以下面是如何添加youku视频到octopress的教程。
首先添加youku.rb文件到路径:octopress/plugins/
View Code
然后执行:
rake generate
rake preview
然后在浏览器http://localhost:4000/ 预览即可
html5 video 标签属性如下:
首先添加youku.rb文件到路径:octopress/plugins/
--- layout: post title: "test new theme" date: 2014-11-14 11:22:16 +0800 comments: true categories: --- Add Youku Video <video src="/videos/mov_bbb.mp4" controls="controls"> Your browser does not support the video tag. </video> {% youku XNzM1MTM5ODEy 640 480 %} {% img /images/email.png 400 250%}
View Code
然后执行:
rake generate
rake preview
然后在浏览器http://localhost:4000/ 预览即可
html5 video 标签属性如下:
相关文章推荐
- How to add icon for the item of ListCtrl using C++ (Mail Attachment ListCtrl) - 如何用C++为ListCtrl的Item添加图标(邮件附件ListCtrl)
- 如何给Visual Studio的Win32 工程添加Version信息(how to add version information of win32 project)
- how_to_open_AnyChat_HD_video_effects如何开启视频高清效果
- How to read video frames in hadoop?如何在Hadoop中读取视频帧?
- How to stream video to your android phone 如何将视频远程传输至你的android手机?
- .net中捕获摄像头视频的方式及对比(How to Capture Camera Video via(转)
- How to download streaming audio or video media from the internet using the MMS protocol?
- HOWTO:如何解决安装包在系统“添加/删除”中无法修复或卸载的问题
- How to add or replace files within MSI file.
- How to Delete or Add Resource in 11gR2 Grid Infrastructure [ID 1069369.1]
- Qt, how to add radio button or checkbox in menu
- How to Delete or Add Resource in 11gR2 Grid Infrastructure [ID 1069369.1]
- How to Add Custom Field Type (in SPFieldType Enum) Programatically or any other way
- How to add local administrator via cmd
- (add comment to table or column,and add comment to ddl script) erwin为ddl script 脚本添加表或字段的注释(导出注释)(comment)
- KB: Sample Code - How to add video to your UI
- How to add ComboBox control to the ToolBar control in VC - 如何在VC中向ToolBar控件加入ComboBox控件
- How to add HTML code to the clipboard by using Visual Basic Or VBA
- [html] 本地如何测试google map -- How to test google map in localhost
- (转载).net中捕获摄像头视频的方式及对比(How to Capture Camera Video via .Net)