我正在考虑为我的网站创建一个简单的插件。我想在这里添加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脚本,这对我来说是非常困难的,因此我请求帮助。谢谢
https://stackoverflow.com/questions/50890525
复制相似问题