请输入搜索关键字!

dedecms织梦模板发布视频怎样自适应手机端

游龙模板网(www.crjwz.com) | 2018-12-13 18:46 | 关注:172 我要投稿

摘要: 利用 织梦模板 建站,发布 视频 代码后前台变成一张图片的问题,我们上一次游龙模板网已经介绍了解决方法,这一次我们介绍一下发布视频自适应手机端的方法。用js来判断是电脑端还是手机...

利用织梦模板建站,发布视频代码后前台变成一张图片的问题,我们上一次游龙模板网已经介绍了解决方法,这一次我们介绍一下发布视频自适应手机端的方法。用js来判断是电脑端还是手机端打开,步骤如下:
一、后台添加字段,核心,频道模型,内容模型管理,普通文章,更改,添加新字段,如图
dedecms织梦模板发布视频怎样自适应手机端(www.crjwz.com)
二、发布文章的时候就多了个视频地址,我们用腾讯的视频地址来做个列子吧,复制通用代码,如图
dedecms织梦模板发布视频怎样自适应手机端(www.crjwz.com)
三、将代码粘贴到记事本里
dedecms织梦模板发布视频怎样自适应手机端(www.crjwz.com)
四、将复制的视频地址粘贴到发布文章时的视频地址里
dedecms织梦模板发布视频怎样自适应手机端(www.crjwz.com)
五、将下面的代码粘贴到你需要显示视频的位置,如在文章内容页
<script type="text/javascript">
 
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
if(flag)
{
document.write("<iframe height="+window.screen.height*0.6+" width=\"100%\" src=\"{dede:field.shipin/}\" frameborder=0 allowfullscreen></iframe>");
}
else
{
document.write("<script type=\"text/javascript\">function setIframeHeight(iframe) {if (iframe) {var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;if (iframeWin.document.body) {iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;}};window.onload = function () {setIframeHeight(document.getElementById('external-frame'));};"+"<\/script><iframe width=\"100%\" src=\"{dede:field.shipin/}\" frameborder=\"0\" scrolling=\"no\" id=\"external-frame\" onload=\"setIframeHeight(this)\"></iframe>");
}
</script>
用js来判断是电脑端还是手机端打开的页面,从而达到自适应手机端的效果,上面代码中的{dede:field.shipin/}就是调用视频地址的字段。
dedecms织梦模板发布视频怎样自适应手机端(www.crjwz.com)
电脑端效果:
dedecms织梦模板发布视频怎样自适应手机端(www.crjwz.com)
手机端效果:
dedecms织梦模板发布视频怎样自适应手机端(www.crjwz.com)
精品源码
视觉焦点
网友跟帖

共有 条评论

    推荐文章

    自适应网站与响应式网站有什么区别?

    新网站怎样做SEO优化?

    怎样建营销型网站?都具备什么样的特征

    怎样才能把网站关键词排名做到首页?

    网站做的SEO总没效果是什么原因

    相关文章

    联系我们

    • 游龙模板公众号
      全面掌握电商一手资讯

    • 游龙模板服务号
      精彩活动,推送提醒

    垂询热线:189-5250-0766

    合作投稿:1845609988@qq.com

    扬州市宝应县泰山西路乐意楼

    备案号:苏ICP备15018259号-2