#mp3直链 #mp4直链

由于iOS 6.1.3 iPhone 4s iPad2上打不开自己存的mp4，感觉不太完美。

直到翻到麦田的博客， 解决了这个问题。以下摘自麦田的博客（过一遍脑子加深印象^^）

在网页上播放音频

以下转载自Markdown添加音频音乐歌曲-hexo添加音乐一文：

作者麦田写于2019-09-15

前文写道：Markdown添加视频 - hugo和hexo添加视频

那这些静态博客生成器怎么添加音乐歌曲等音频呢？

方法是一样的，那就是使用html代码，建议直接使用html5的代码，目前已经是主流！

hugo、hexo、jekyll等静态博客生成器都是一Markdown格式的文件作为基础生成，所以善用Markdown语音即可。

Markdown作为轻量级的标记语言，兼容 html 语法，可以直接在Markdown文档中使用 html语法。

hugo、hexo和jekyll等静态博客生成器添加音乐歌曲等音频的方法如下：

<audio controls="controls">
  <source src="你的音频网址.mp3" type="audio/mp3" />
</audio>

点击播放歌曲：

周华健,李度 - 难以抗拒

在网页上播放视频

以下转载自Markdown添加视频（hugo和hexo添加视频）一文：

作者麦田写于2019-09-15

hugo和hexo等静态博客生成器都是一Markdown格式的文件作为基础生成，所以如果你搜hugo添加视频，或者hexo怎么添加视频，其实问的都是Markdown添加视频的方法！

Markdown作为轻量级的标记语言，兼容 html 语法，所以可以直接在 Markdown 文档中使用 html 语法。

那hugo、hexo和jekyll等静态博客生成器添加视频的方法统一如下：

<video width="480" height="auto" controls>
<source src="你的视频网址.mp4">
</video>

以下可以预览效果 【推荐使用MP4格式的视频文件，视频编码必须为H.264，建议使用格式工厂，或者爱剪辑转换视频编码】：

周杰伦 - 蒲公英的约定 随心记

但是按照麦田的代码 在手机端 这个视频会超出原来的网页，于是结合dxx025的function mp4_embed()函数中的这一行

            var newInnerHTML = `<video ${mp4par} style="width:100%; height:100%; object-fit: fill;"> <source src="${mp4url}" type="video/mp4"> Your browser does not support the video tag. </video>`;

修改了一下麦田的代码：

<video width="100%" height="auto" controls>
<source src="你的视频网址.mp4">
</video>

原视频经过格式工厂配置，预设配置AVC 480p (视频编码： AVC(H264) 屏幕大小：自动x480)

周杰伦 - 蒲公英的约定 随心记

诗词歌赋

清平樂 辛棄疾

（獨宿博山王氏庵）

繞床饑鼠 蝙蝠翻燈舞

屋上松風吹急雨 破紙窗間自語

平生塞北江南 歸來華髮蒼顏

布被秋宵夢覺 眼前萬里江山

网站能自动循环播放的背景音乐代码

百度了一下如何自动循环播放的音乐 以及 属性

HTML部分：

<audio id="bgAudio" controls="controls" autoplay="autoplay" hidden="hidden">
  <source src="mp3/wangjie.mp3" type="audio/mp3">
</audio>

属性：

>autoplay：如果出现该属性，则音频在就绪后马上播放    
>controls：如果出现该属性，则向用户显示控件，比如播放按钮    
>loop：如果出现该属性，则每当音频结束时重新开始播放    
>preload：如果出现该属性，则音频在页面加载时进行加载，并预备播放
>src：要播放的音频的 URL

Vincent van Gogh - Starry Night Over the Rhone

晚安