关于 html5 audio tag 和 youtube iframe embed 的使用

其实下面这一句是本文最关键的内容,其余的都是废话:
无论如何,请在添加 html5 media tag 和 youtube iframe embed (或其他 wp 可能不熟悉的 tag )之后不要切换到 visual editor 这个渣渣,否则你的操作可能被破坏,如果你对常用的 tag 足够熟悉,那就在 your profile 里把这玩意禁用吧

关于 html5 audio tag 的使用,其实到处都查的到,意思也很简单

大家都看得懂,我这里使用的是 vorbis 编码方式的 ogg 音频文件,文件链接是相对地址,页面载入是会自动开始加载媒体文件,在浏览器不支持 html5 的情况下会显示“Your browser …”这句话,具体使用看这里。显示出来的播放器样式会根据浏览器的不同而变化,除非页面上有专门的定义。
下面是四种浏览器默认播放器的样式,从上到下依次是 chrome 、 firefox 、 opera 、 midori

opera 的播放器最华丽,有动画效果; chrome 的最简单; fx 的音量控制有 bug ; midori 的外观让人完全吐槽无力

youtube iframe embed 是 youtube 最近开始测试的嵌入方式,使用 iframe tag ,而且播放器是新的样式,并且会根据浏览器对 html5 的支持程度不同自动选择是否使用 flash player (至今没发现),需要这个用法的看这里
其实我是来吐槽的,很多针对 youtube 的扩展会把 iframe 的嵌入播放器当作直接登陆 youtube 处理,比如我用的 SmartVideo 扩展,而且目前可用的设置太少,无法选择自动加载什么的,倒是代码非常简单,直接背下来不是问题

其实,只要没有用 visual editor ,一切都不是问题…

3 thoughts on “关于 html5 audio tag 和 youtube iframe embed 的使用

Leave a Reply

Your email address will not be published.