目錄
回复内容:
首頁 後端開發 php教程 求教Wordpress中HTML5音频播放插件安装问题

求教Wordpress中HTML5音频播放插件安装问题

Jun 06, 2016 pm 08:37 PM
html5 php wordpress wordpress插件

我在Wordpress中用了HTML5主题,无法显示音频,但是找不到适合的音频播放插件(Wordpress插件中心找到的一些HTML5的音频播放插件没用)。
几番寻找找到了这个:http://kolber.github.io/audiojs/但是我不会安装,也不知道会不会有用。

It uses native <audio></audio>where available and an invisible flash player to emulate <audio></audio>for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.
Download audio.js

下载之后便不会安装了

Installation

Put audio.js, player-graphics.gif & audiojs.swf in the same folder.
Include the audio.js file:
script src="/audiojs/audio.min.js"> Initialise audio.js: <script> audiojs.events.ready(function() { var as = audiojs.createAll(); }); </script>

Then you can use wherever you like in your HTML:

<audio src="/mp3/juicy.mp3" preload="auto"></audio>

请教如何安装和使用。
如有更好的插件,希望不吝推荐,感激不尽!!

回复内容:

我在Wordpress中用了HTML5主题,无法显示音频,但是找不到适合的音频播放插件(Wordpress插件中心找到的一些HTML5的音频播放插件没用)。
几番寻找找到了这个:http://kolber.github.io/audiojs/但是我不会安装,也不知道会不会有用。

It uses native <audio></audio>where available and an invisible flash player to emulate <audio></audio>for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.
Download audio.js

下载之后便不会安装了

Installation

Put audio.js, player-graphics.gif & audiojs.swf in the same folder.
Include the audio.js file:
script src="/audiojs/audio.min.js"> Initialise audio.js: <script> audiojs.events.ready(function() { var as = audiojs.createAll(); }); </script>

Then you can use wherever you like in your HTML:

<audio src="/mp3/juicy.mp3" preload="auto"></audio>

请教如何安装和使用。
如有更好的插件,希望不吝推荐,感激不尽!!

直接写audio标签吧,默认给出的配置项和可操作函数,很简单的使用,现在所谓的播放器,都是封装函数加一些效果

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
wordpress文章列表怎麼調 wordpress文章列表怎麼調 Apr 20, 2025 am 10:48 AM

有四種方法可以調整 WordPress 文章列表:使用主題選項、使用插件(如 Post Types Order、WP Post List、Boxy Stuff)、使用代碼(在 functions.php 文件中添加設置)或直接修改 WordPress 數據庫。

wordpress主機怎麼建站 wordpress主機怎麼建站 Apr 20, 2025 am 11:12 AM

要使用 WordPress 主機建站,需要:選擇一個可靠的主機提供商。購買一個域名。設置 WordPress 主機帳戶。選擇一個主題。添加頁面和文章。安裝插件。自定義您的網站。發布您的網站。

IIS和PHP的兼容性:深度潛水 IIS和PHP的兼容性:深度潛水 Apr 22, 2025 am 12:01 AM

IIS和PHP可以兼容,通過FastCGI實現。 1.IIS通過配置文件將.php文件請求轉發給FastCGI模塊。 2.FastCGI模塊啟動PHP進程處理請求,提高性能和穩定性。 3.實際應用中需注意配置細節、錯誤調試和性能優化。

HTML5和H5:了解常見用法 HTML5和H5:了解常見用法 Apr 22, 2025 am 12:01 AM

HTML5和H5沒有區別,H5是HTML5的簡稱。 1.HTML5是HTML的第五個版本,增強了網頁的多媒體和交互功能。 2.H5常用於指代基於HTML5的移動網頁或應用,適用於各種移動設備。

wordpress怎麼查看前端 wordpress怎麼查看前端 Apr 20, 2025 am 10:30 AM

可以通過以下方法查看 WordPress 前端:登錄儀錶盤並切換到“查看站點”選項卡;使用無頭瀏覽器自動化查看過程;安裝 WordPress 插件在儀錶盤內預覽前端;通過本地 URL 查看前端(如果 WordPress 在本地設置)。

wordpress怎麼導入源碼 wordpress怎麼導入源碼 Apr 20, 2025 am 11:24 AM

導入 WordPress 源碼需要以下步驟:創建子主題以進行主題修改。導入源碼,覆蓋子主題中的文件。激活子主題,使其生效。測試更改,確保一切正常。

H5和HTML5之間的連接:相似性和差異 H5和HTML5之間的連接:相似性和差異 Apr 24, 2025 am 12:01 AM

H5和HTML5是不同的概念:HTML5是HTML的一個版本,包含新元素和API;H5是基於HTML5的移動應用開發框架。 HTML5通過瀏覽器解析和渲染代碼,H5應用則需要容器運行並通過JavaScript與原生代碼交互。

如果session_start()被多次調用會發生什麼? 如果session_start()被多次調用會發生什麼? Apr 25, 2025 am 12:06 AM

多次調用session_start()會導致警告信息和可能的數據覆蓋。 1)PHP會發出警告,提示session已啟動。 2)可能導致session數據意外覆蓋。 3)使用session_status()檢查session狀態,避免重複調用。

See all articles