首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在wordpress插件上添加html和脚本?

如何在wordpress插件上添加html和脚本?
EN

Stack Overflow用户
提问于 2018-06-17 02:13:58
回答 1查看 208关注 0票数 -1

我正在考虑为我的网站创建一个简单的插件。我想在这里添加video js脚本。

代码语言:javascript
复制
 <?php
    /**
    Plugin Name: name
    Plugin URI: url
    Description: desc 
    Version: 1.1.1
    Author: auth
    Author URI: rul
    Text Domain: sulg
    */

这是我想要包含在WordPress插件中的html

代码语言:javascript
复制
<!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脚本,这对我来说是非常困难的,因此我请求帮助。谢谢

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50890525

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档