小编Bra*_*ger的帖子

如何在HTML5视频上强制中止事件？我有一个叠加层,当我关闭它时,视频应暂停播放然后停止缓冲.但是,我的互联网连接仍然疯狂.哦,我在Mac OS X 10.6上使用Chrome 7.0.5.

我尝试了几件事 - 它们都没有奏效:

(对于那些不熟悉XUI的人来说,x $就像jQuery包装函数一样)

首先,调度中止HTML事件:

var videoEl = x$('#video_el')[0];
videoEl.pause();
var evObj = document.createEvent('HTMLEvents');
evObj.initEvent('abort', false, false);
videoEl.dispatchEvent(evObj);

接下来,更改src然后强制加载:

var videoEl = x$('#video_el')[0];
videoEl.pause();
videoEl.src = "";
videoEl.load(); //tried with and without this step

编辑:我的视频元素看起来像这样:

<video id="video_el" src="<video_url>" preload="none" controls="controls" />

同样,这些都不起作用.以前有人遇到过这个问题吗？有什么建议？

总之,我试图强制HTML5视频元素停止缓冲.

谢谢!

我正在尝试使用display:table-cell将填充应用于元素的左侧.我正在使用Webkit浏览器,这只需要在Webkit浏览器中工作(耶!).

它以正确的排列显示,但好像根本没有填充.

有什么指针吗？谈到我时,我有点新手display:table

这是我的HTML(我嵌入了css内联,因此在这里更容易阅读):

<div class="setting-group" style="display:table">
   <div class="title">Title</div>
   <div class="field" style="display:table-row">
      <span class="label" style="display:table-cell">Label</span>
      <select class="value" style="display:table-cell; padding-left: 20px" id="id">
         <option value="Opt 1">Option 1</option>
         ...
      </select>
    </div>
</div>