CSS属性拒绝使用JavaScript或Jquery更改

我正在尝试为YouTube创建一个Chrome书签，可以将视频扩展到一个合适的大小，但由于某些原因，我无法使用JQuery或vanilla javascript更改CSS样式的值

首先，我发现Youtube显然还没有在页面中包含jQuery，所以我运行了以下命令：

  var js = document.getElementById('MyScript')
  if (js == null || typeof(js) == 'undefined' ){
     js = document.createElement('script'); 
     js.setAttribute('id','MyScript');
     js.src = "//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"; 
     document.head.appendChild(js);
  }

在这之后，我仍然无法使用以下命令编辑CSS类属性

document.getElementsByClassName('html5-video-controls')[0].style.width = '1800px'
$('.html5-video-controls').css({'width':'1800px'})
$('.html5-video-controls').css('width','1800px')

下面是来自Chrome开发者控制台的剪报。

如您所见，这些命令没有任何效果。我可以手动直接编辑开发人员工具中的值，但不能以编程方式编辑。这是怎么回事

编辑：更多详细信息：

我正在尝试修改“Youtube魔术动作”扩展的“剧场模式”。下面是一张it影院模式的图片。基本上，我不喜欢两边的死角，所以我想试着把它拉长一点

---

An！重要声明为样式表作者提供了一种方法，使CSS值比它自然具有的权重更大。在尝试使用js或jquery进行更改之前，请确保未设置任何此类声明。 乙二醇

---

这是由Youtube或Magic Actions For Youtube设置的。是否可以更改已标记的属性！重要信息？您可能需要提供一些位置属性，以便将其从位置静态流中拉出。

.html5-video-controls{
    width:1000px !important;    
}