网站百度排名查询,软件定制开发需要多少钱,wordpress 主题授权,资源网站不好找了前言
不论博客系统是WordPress还是Typecho#xff0c;绕不开的是两种书写语言#xff0c;一种称之为富文本#xff0c;一种叫做Markdown。
Markdown有很多好处#xff0c;也有很多坏处#xff0c;比如Markdown本身不具备段落居中的功能#xff0c;以及Markdown也不具有…前言
不论博客系统是WordPress还是Typecho绕不开的是两种书写语言一种称之为富文本一种叫做Markdown。
Markdown有很多好处也有很多坏处比如Markdown本身不具备段落居中的功能以及Markdown也不具有插入视频的功能。
HTML语法
庆幸的是Markdown支持HTML的标签可以在HTML中通过video标签插入视频在Markdown中我们同样可以使用video标签插入视频具体格式如下
video width320 height240 controlssource srcmovie.mp4 typevideo/mp4
/video或者
video srcmovie.mp4.mp4 controlscontrols width500 height300/video当然除了.mp4它还支持其他的格式但对于不同的浏览器支持的格式不一样见下表
格式IEFirefoxOperaChromeSafariOggNo3.510.55.0-MPEG49.0NoNo5.03.0WebMNo4.010.66.0-
此外还有编码等限制这里就不再介绍感兴趣的小伙伴可以百度上学习一下。
video 标签允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式这样我们只要多准备几个不同格式的视频就可以了。
用法
1. video width500 height250 controlscontrols2. source srcmovie.ogg typevideo/ogg3. source srcmovie.mp4 typevideo/mp44. /video其次这是对一些参数的说明
autoplay: 出现该属性意味着视频在就绪后将自动播放用法autoplayautoplaycontrols: 出现该属性意味着向用户显示控件如播放按钮等用法controlscontrolsheight: 设置高度
width:设置宽度loop:自动重播用法looplooppreload: 视频在页面加载时进行加载并预备播放用法preloadauto - 当页面加载后载入整个视频preloadmeta - 当页面加载后只载入元数据preloadnone - 当页面加载后不载入视频。注意若使用了autoplay则忽略preloadsrc: 要播放视频的urlvideo 标签插入本地视频 将视频文件复制到Hugo博客的项目文件夹中的一个特定位置例如static/videos/目录下。确保视频文件在该目录下可用。 在Hugo博客的内容文件夹中找到想要添加视频的文章或页面。通常这些文件位于content/目录下具有.md或.markdown扩展名。 使用文本编辑器打开文章或页面文件。 在要插入视频的位置使用以下Markdown语法添加视频标记
video src/videos/your-video-filename.mp4 autoplaytrue controlscontrols width800 height600
/video确保将 your-video-filename.mp4 替换为实际的视频文件名。请注意路径以 /videos/ 开头这是视频文件在静态文件夹中的相对路径。 保存并关闭文件。 运行Hugo命令以生成的博客。可以使用以下命令
hugo在生成的博客中查看文章或页面视频应该嵌入其中。
请注意视频格式支持可能因使用的Hugo主题而异。确保视频文件格式与主题兼容通常支持常见的视频格式如MP4、WebM等。
iframe 标签插入本地视频
如果想使用 iframe 标签来嵌入本地视频可以按照以下步骤进行操作 将视频文件复制到Hugo博客的项目文件夹中的一个特定位置例如 static/videos/ 目录下。确保视频文件在该目录下可用。 在Hugo博客的内容文件夹中找到想要添加视频的文章或页面。通常这些文件位于 content/ 目录下具有 .md 或 .markdown 扩展名。 使用文本编辑器打开文章或页面文件。 在要插入视频的位置使用以下Markdown语法添加 iframe 标签
iframe src/videos/your-video-filename.mp4 width640 height360 frameborder0 allowfullscreen/iframe确保将 your-video-filename.mp4 替换为实际的视频文件名。请注意路径以 /videos/ 开头这是视频文件在静态文件夹中的相对路径。 调整 iframe 标签的宽度width和高度height属性以适应希望视频显示的尺寸。 保存并关闭文件。 运行Hugo命令以生成的博客。可以使用以下命令
hugo在生成的博客中查看文章或页面的视频应该嵌入其中。
请注意使用 iframe 嵌入本地视频时需要确保视频文件格式与浏览器兼容并且浏览器支持该视频格式。另外某些安全策略可能会限制在 iframe 中加载本地文件。如果遇到问题可以尝试将视频文件上传到可公开访问的文件托管服务并使用其提供的嵌入代码。
