drupal主题开发

用mediaelementplayer.js和video.js插件给drupal添加mp4视频功能

日期:2017-03-26 阅读:191

用mediaelementplayer.js和video.js插件给drupal添加mp4视频功能

drupal进阶教程里,drupal实现视频的功能,我们用了videojs这个模块

这节课,我们用另个js插件来实现模块的功能。

因为讲主题开发,很多的前端效果, 我们就尽量不依赖于drupal的模块,而是用主题技术+前端js 来实现网站的前端的效果。

------------------------------

mediaelementplayer.js:http://www.mediaelementjs.com/  

mediaelementplayer在drupal也有一个模块,不过目前只是drupal7的。
https://www.drupal.org/project/mediaelement

---------------
mediaelement-and-player.min.js 要做一些处理,因为drupal的原因
要加下面代码:
(function ($) {
  // All your code here
})(jQuery);
------

要创建一个区块类型。
添加一个文字字段,要用没有过滤的编辑格式。
因为我们要放一些html的源码。不需要编辑器过滤。

然后用ds的模板。我们要覆写ds-2col-stacked-fluid.html.twig文件
因为 加bootstrap的响应式的class
如:
   <{{ left_wrapper }}{{ left_attributes.addClass('pull-left col-md-62') }}>
 ..........
    <{{ right_wrapper }}{{ right_attributes.addClass('pull-right col-md-6') }}>

具体请看视频教程。

我们用html源码实现了视频的功能,但是我们可以再前进一步,就是用字段的方式,在后台上传视频来实现。

就要用到twig field value这个功能。

 

 

 

<<点击返回

Drupal8主题开发视频教程 (进入专题>)