主页 > 建站相关 > dede相关 >

Dede织梦手机端不能播放优酷视频的解决方法

2018-09-13 11:02 阅读:106 来源:智宇SEO自媒体

  昨天上线了一个站,因为有个视频教程的栏目的文章需要插入优酷视频。目前优酷提供三种代码分享方式。通用代码,html代码,flash代码。后面两个代码都不能在安卓手机端播放。因为安卓手机不支持flash。那么问题来了。加入通用代码是可以在dede手机端播放视频的。

Dede织梦手机端不能播放优酷视频的解决方法

  本来是很简单的一件事。新增加文章的,把dede文章编辑器转成源码框,将代码复制进去就可以了。

Dede织梦手机端不能播放优酷视频的解决方法

  奇葩的是,这个dede编辑器不能识别优酷通用代码。添加进去的视频地址,自动被转换成一张图片。

<iframe frameborder="0" height="498" src="/uploads/allimg/180913/1052594I7-0.jpg" width="510"></iframe>

  所以导致优酷通用代码也无法在dede上播放视频。

  那么,如何解决这个dede手机端不能播放视频的问题呢?

  解决方法很简单。就是在dede文章模板里将通用代码写进去去,然后src调用一个标签。这个标签放置你的视频地址。

  具体代码如下:

 <iframe id="video" width="100%" src="{dede:field.shorttitle/}"  frameborder="0" allowfullscreen=""></iframe>

<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>

 {dede:field.body/}

  我把优酷视频地址放置在“简略标题:”里。用{dede:field.shorttitle/}调用。因为懒的去自定义内容模型了。当然你可以自定义一个内容模型字段。放置这个优酷视频地址。

  这里把上面的代码放置在 {dede:field.body/}之前,效果是比较好看的。

  还有一个问题是要解决优酷视频在手机端自适应宽度的问题。上面这段js代码刚好也能解决这个问题。

Dede织梦手机端不能播放优酷视频的解决方法

  如果你有手机站和PC站,那么要修改手机和PC两个内容页模板。上面的代码通用的。

  好了。Dede 织梦手机端不能播放优酷视频解决方法,就是这样的,很简单吧

上一篇:dede织梦图片懒加载怎么做

下一篇:没有了