求教Wordpress中HTML5音频播放插件安装问题
我在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标签吧,默认给出的配置项和可操作函数,很简单的使用,现在所谓的播放器,都是封装函数加一些效果

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

There are four ways to adjust the WordPress article list: use theme options, use plugins (such as Post Types Order, WP Post List, Boxy Stuff), use code (add settings in the functions.php file), or modify the WordPress database directly.

To build a website using WordPress hosting, you need to: select a reliable hosting provider. Buy a domain name. Set up a WordPress hosting account. Select a topic. Add pages and articles. Install the plug-in. Customize your website. Publish your website.

There is no difference between HTML5 and H5, which is the abbreviation of HTML5. 1.HTML5 is the fifth version of HTML, which enhances the multimedia and interactive functions of web pages. 2.H5 is often used to refer to HTML5-based mobile web pages or applications, and is suitable for various mobile devices.

IIS and PHP are compatible and are implemented through FastCGI. 1.IIS forwards the .php file request to the FastCGI module through the configuration file. 2. The FastCGI module starts the PHP process to process requests to improve performance and stability. 3. In actual applications, you need to pay attention to configuration details, error debugging and performance optimization.

A step-by-step guide to replacing a header image of WordPress: Log in to the WordPress dashboard and navigate to Appearance >Theme. Select the topic you want to edit and click Customize. Open the Theme Options panel and look for the Site Header or Header Image options. Click the Select Image button and upload a new head image. Crop the image and click Save and Crop. Click the Save and Publish button to update the changes.

WordPress editing dates can be canceled in three ways: 1. Install the Enable Post Date Disable plug-in; 2. Add code in the functions.php file; 3. Manually edit the post_modified column in the wp_posts table.

The steps to create a custom header in WordPress are as follows: Edit the theme file "header.php". Add your website name and description. Create a navigation menu. Add a search bar. Save changes and view your custom header.

WordPress Error Resolution Guide: 500 Internal Server Error: Disable the plug-in or check the server error log. 404 Page not found: Check permalink and make sure the page link is correct. White Screen of Death: Increase the server PHP memory limit. Database connection error: Check the database server status and WordPress configuration. Other tips: enable debug mode, check error logs, and seek support. Prevent errors: regularly update WordPress, install only necessary plugins, regularly back up your website, and optimize website performance.
