AMP playbar位置 [英] AMP playbar position
问题描述
大家好，我想知道是否有办法改变AMP播放控件的位置，这样它们就不会遮挡视频的底边。我希望控件的上边缘与视频内容的底部齐平。
$
这是我到目前为止所尝试的内容，而我为我畏缩的方法道歉，但我是一个视频人，不是网络人，所以忍受我。
进行测试，我能够创建一个克隆"// amp.azure.net/libs/amp/2.1.0/skins/amp-default/azuremediaplayer.min.css"我修改了.amp-default-skin .vjs-control-bar的
bottom 属性：
.amp-default -skin .vjs-control-bar {
  ;
 右：0;
底部：-35px;
 左：0;
  z-index：4;
  background-color：＃3c454f;
 显示：表格;
  font-size：9.3px;
 不透明度：0;
 填充：2px;
  -webkit-transition：不透明度，底部，左，右，z-index;
 过渡：不透明度，底部，左，右，z指数;
  -webkit-transition-duration：.15s;
 过渡期：.15s;
 宽度：100％}
原油和尴尬？上帝是的，但它在视觉上接近我喜欢的游戏栏所在的位置。当然现在font-face字形引用azuremediaplayer字体，它使用相对URL，导致大量缺少字符符号而不是playbar
图标。我尝试使用绝对网址（例如：http：////amp.azure.net/libs/amp/2.1.0/skins/amp-default/assets/fonts/azuremediaplayer.ttf），但它仍然没有不行。
我意识到这可能有更好的方法，但我不知所措。也许某种方式在AMP脚本所在的html中声明一个重写样式？
Hi all, I am wondering if there is a way to shift the postion of AMP's playback controls so that they don't obscure the bottom edge of the video. I'd prefer that the top edge of the controls be flush with the bottom of the video content.
Here's what I've tried so far, and I apologize for my cringe-inducing methodology, but I'm a video guy, not a web guy, so bear with me.
For testing, I was able to create a clone of "//amp.azure.net/libs/amp/2.1.0/skins/amp-default/azuremediaplayer.min.css" I modified the
bottom attribute of .amp-default-skin .vjs-control-bar:
.amp-default-skin .vjs-control-bar {
;
right: 0;
bottom: -35px;
left: 0;
z-index: 4;
background-color: #3c454f;
display: table;
font-size: 9.3px;
opacity: 0;
padding: 2px;
-webkit-transition: opacity, bottom, left, right, z-index;
transition: opacity, bottom, left, right, z-index;
-webkit-transition-duration: .15s;
transition-duration: .15s;
width: 100%}
Crude and awkward? God yes, but it visually approximates where I'd like the playbar to reside. Of course now font-face glyphs reference the azuremediaplayer font, which uses a relative url, resulting in a lot of missing character symbols instead of the playbar
icons. I tried using the absolute urls (eg: http:////amp.azure.net/libs/amp/2.1.0/skins/amp-default/assets/fonts/azuremediaplayer.ttf), and it still didn't work.
I realize there is probably a much much much better way of doing this, but I'm at a loss. Maybe some way of declaring an overriding style in the html where the AMP script resides?
推荐答案
cmtreen，据我所知我们没有将游戏栏放在窗口顶部的官方皮肤。为了查看是否有其他解决方案，我已经在内部联系，看看是否有人成功地移动了游戏栏，没有任何
的功能/可用性损失。一旦我收到回复，我会告诉你我的调查结果。
cmtreen, as far as I am aware we do not have an official skin that places the play bar on the top of the window. To see if there is another solution, I have reached out internally to see if anyone has successfully moved the play bar around without any loss in function/usability. Once I hear back, I will update you with my findings.
这篇关于AMP playbar位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
