SEONexus/code/app/home/view/videoGpt1/module/player/engine/dplayer.html

{assign name="variant" value="$pageCfg.player.variant|default=0"}

<section
    class="{$TpStyle.dom_prefix}-player {$TpStyle.dom_prefix}-player-dp {$TpStyle.dom_prefix}-v{$variant} {$pageCfg.player.class|default=''}"
    data-engine="dplayer" data-url="" data-type="m3u8"
    data-autoplay="{$pageCfg.player.opt.autoplay|default=0}" data-muted="{$pageCfg.player.opt.muted|default=0}"
    data-preload="{$pageCfg.player.opt.preload|default='metadata'}"
    data-ratio="{$pageCfg.player.opt.ratio|default='16x9'}">

    <h1 style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;">
        {$strPlayMainHeading|default=$arrVideo.v_name|default='正在播放'}
    </h1>

    {if $variant == 0}
    <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>

    {elseif $variant == 1}
    <div class="{$TpStyle.dom_prefix}-player-wrap">
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    </div>

    {elseif $variant == 2}
    <header class="{$TpStyle.dom_prefix}-player-head">
        <h2 class="{$TpStyle.dom_prefix}-player-title">{$strPlayMainHeading|default=$arrVideo.v_name|default='正在播放'}</h2>
    </header>
    <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>

    {elseif $variant == 3}
    <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    <footer class="{$TpStyle.dom_prefix}-player-foot">
        <span class="{$TpStyle.dom_prefix}-player-tip">如无法播放请切换线路</span>
    </footer>

    {elseif $variant == 4}
    <article class="{$TpStyle.dom_prefix}-player-article">
        <header class="{$TpStyle.dom_prefix}-player-head">
            <h2 class="{$TpStyle.dom_prefix}-player-title">{$strPlayMainHeading|default=$arrVideo.v_name|default='正在播放'}</h2>
        </header>
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    </article>

    {elseif $variant == 5}
    <figure class="{$TpStyle.dom_prefix}-player-figure">
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
        <figcaption class="{$TpStyle.dom_prefix}-player-caption">{$strPlayMainHeading|default=$arrVideo.v_name|default='正在播放'}</figcaption>
    </figure>

    {elseif $variant == 6}
    <aside class="{$TpStyle.dom_prefix}-player-aside">
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    </aside>

    {elseif $variant == 7}
    <main class="{$TpStyle.dom_prefix}-player-main">
        <section class="{$TpStyle.dom_prefix}-player-mainsec">
            <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
        </section>
    </main>

    {elseif $variant == 8}
    <div class="{$TpStyle.dom_prefix}-player-info">
        <span class="{$TpStyle.dom_prefix}-player-badge">正在播放</span>
    </div>
    <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>

    {elseif $variant == 9}
    <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    <div class="{$TpStyle.dom_prefix}-player-info">
        <span class="{$TpStyle.dom_prefix}-player-badge">播放中</span>
    </div>

    {elseif $variant == 10}
    <div class="{$TpStyle.dom_prefix}-player-layout">
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer " id="dplayer"></div>
        <aside class="{$TpStyle.dom_prefix}-player-side">
            <p class="{$TpStyle.dom_prefix}-player-sidehint">提示：切换线路可提升成功率</p>
        </aside>
    </div>
    
    {elseif $variant == 11}
    <div class="{$TpStyle.dom_prefix}-player-wrapA">
        <div class="{$TpStyle.dom_prefix}-player-wrapB">
            <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
        </div>
    </div>

    {elseif $variant == 12}
    <div class="{$TpStyle.dom_prefix}-player-status is-loading">加载中…</div>
    <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>

    {elseif $variant == 13}
    <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    <div class="{$TpStyle.dom_prefix}-player-status is-tip">播放失败请刷新或切换线路</div>

    {elseif $variant == 14}
    <nav class="{$TpStyle.dom_prefix}-player-nav">
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    </nav>

    {elseif $variant == 15}
    <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    <aside class="{$TpStyle.dom_prefix}-player-aside">
        <p class="{$TpStyle.dom_prefix}-player-tip">建议使用 Chrome 浏览器</p>
    </aside>

    {elseif $variant == 16}
    <dialog class="{$TpStyle.dom_prefix}-player-dialog" open>
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    </dialog>

    {elseif $variant == 17}
    <footer class="{$TpStyle.dom_prefix}-player-footerOnly">
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    </footer>

    {elseif $variant == 18}
    <header class="{$TpStyle.dom_prefix}-player-head">
        <h2 class="{$TpStyle.dom_prefix}-player-title">{$strPlayMainHeading|default=$arrVideo.v_name|default='正在播放'}</h2>
    </header>
    <main class="{$TpStyle.dom_prefix}-player-body">
        <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
    </main>
    <footer class="{$TpStyle.dom_prefix}-player-foot">
        <small class="{$TpStyle.dom_prefix}-player-note">资源采集于网络，仅供学习交流</small>
    </footer>

    {else}
    <article class="{$TpStyle.dom_prefix}-player-article">
        <header class="{$TpStyle.dom_prefix}-player-head">
            <h2 class="{$TpStyle.dom_prefix}-player-title">{$strPlayMainHeading|default=$arrVideo.v_name|default='正在播放'}</h2>
        </header>
        <div class="{$TpStyle.dom_prefix}-player-wrap">
            <div class="{$TpStyle.dom_prefix}-player-core  dplayer"></div>
        </div>
        <footer class="{$TpStyle.dom_prefix}-player-foot">
            <span class="{$TpStyle.dom_prefix}-player-tip">如无法播放请切换线路</span>
        </footer>
    </article>
    {/if}

</section>