如何在wordpress插件上添加html和脚本？
如何在wordpress插件上添加html和脚本？
提问于 2018-06-17 02:13:58
我正在考虑为我的网站创建一个简单的插件。我想在这里添加video js脚本。
<?php
/**
Plugin Name: name
Plugin URI: url
Description: desc
Version: 1.1.1
Author: auth
Author URI: rul
Text Domain: sulg
*/这是我想要包含在WordPress插件中的html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<link rel="icon" href="/assets/icons/logo16.png">
<link href="/assets/videojs/video-js.css" rel="stylesheet">
<link href="/assets/videojs/videojs-download-button.css" rel="stylesheet">
<link href="/assets/videojs/videojs-resolution-switcher.css" rel="stylesheet">
<script src="/assets/videojs/video.js"></script>
<script src="/assets/videojs/videojs-contrib-hls.js"></script>
<script src="/assets/videojs/videojs-download-button.js"></script>
<script src="/assets/videojs/videojs-resolution-switcher.js"></script>
<script src="/assets/videojs/videojs.hotkeys.js"></script>
<script src="/assets/videojs/videojs-components.js"></script>
<script src="/assets/js/ResizeSensor.js"></script>
<script src="/assets/js/onevideo.js"></script>
<script src="/assets/js/oneVideoPlayer.js"></script>
<script src="VidPlaySite.js"></script>
<style>
.reloadButton {
display: block !important;
z-index: 10000 !important;
background-image: url('/assets/icons/reloadNormal.png') !important;
}
.reloadButton:hover {
background-image: url('/assets/icons/reloadHover.png') !important;
}
</style>
</head>
<body style="overflow: hidden;background:#000000;position:absolute;left:0;top:0;right:0;bottom:0;">
<video id="oneVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto">
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
<input type="file" id="srtSelector" accept=".vtt, .srt, .txt" style="display:none;visibility:hidden;width:0;height:0;">
</body>
</html>所以我想包括播放器的video.js脚本，这对我来说是非常困难的，因此我请求帮助。谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-17 02:56:40
要注册你的脚本，你可以使用wp_enqueue_script()函数。wp_enqueue_script()函数接受5个参数。
$handle(string) (必填)：脚本的名称。应该是唯一的。
$src(string) (可选)：脚本的完整URL，或脚本相对于WordPress根目录的路径。
默认值：''
$deps(数组)(可选)：处理此脚本所依赖的已注册脚本的数组。
默认值: array()
$ver( String |bool|null) (可选)：指定脚本版本号的字符串(如果有)，将其作为查询字符串添加到URL中以用于缓存破坏目的。如果版本设置为false，则会自动添加一个与当前安装的WordPress版本相等的版本号。如果设置为null，则不添加任何版本。
默认值: false
$in_footer(bool) (可选)：是否将脚本排在</body>之前，而不是<head>中。默认为'false‘。
默认值: false
示例：
function video_plugin_scripts() {
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/video.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'video_plugin_scripts' );有关插件开发的更多详细信息，请访问wordpress上的Introduction to Plugin Development文档。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50890525
复制相关文章
相似问题