baseXX/application/wap/view/first/article/details.html

{extend name="public/container"}
{block name="title"}{$title}{/block}
{block name="head_top"}
<style>
    .content{padding: 0.3rem}
    .content video{width: 100%}
    .content img{width: 100%;height: auto;}
    .video-js .vjs-big-play-button{top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
</style>
<link rel="stylesheet" type="text/css" href="{__WAP_PATH}zsff/css/video-js.min.css"/>
<script src="{__WAP_PATH}zsff/js/video.min.js"></script>
<script src="{__WAP_PATH}zsff/js/zh-CN.js"></script>
<script src="{__WAP_PATH}zsff/js/md5.js"></script>
{/block}
{block name="content"}
<div v-cloak class="content" id="app">
    {$content}
    <shortcut></shortcut>
</div>
{/block}
{block name='foot'}
<script>
    var uid="{$uid}";
    require(['vue', '{__WAP_PATH}zsff/js/shortcut.js'],function (Vue) {
        new Vue({
            el:'#app',
            mounted: function () {
                mapleWx($jssdk(), function () {
                    this.onMenuShareAll({
                        title:"{$title}" ,
                        desc: "{$synopsis}",
                        imgUrl: "{$image}",
                        link: location.href.indexOf('?') == -1 ? location.href + '?spread_uid=' + uid : location.href + '&spread_uid=' + uid,
                    });
                });
                this.$nextTick(function () {
                    var myPlayer=[],width=$('.content').width();
                    $('.video-ue').each(function (index) {
                        var id="video-ue-"+index,videoUrl=$(this).attr('src');
                        $(this).attr('id',id);
                        $(this).html("<source src='"+videoUrl+"' type='video/mp4' />")
                        $(this).addClass("video-js");
                        videojs(id, {}, function(){
                            this.width(width);
                        });
                    })
                });
            }
        })
    });
</script>
{/block}