用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这个功能。