Bug 165243 - The video which is rendered by HTML template would be black when paused
Summary: The video which is rendered by HTML template would be black when paused
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: Safari 10
Hardware: iPhone / iPad iOS 10
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks: 154614
  Show dependency tree / graph
 
Reported: 2016-11-30 22:37 PST by jiangshanyanyuwhn
Modified: 2017-01-07 16:03 PST (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description jiangshanyanyuwhn 2016-11-30 22:37:13 PST 
The video which is rendered by HTML template would be black when paused.

example: https://thekingofgods.github.io/bugs/video-1.html

core code:
  var elBox = document.getElementById('box');
  var tpl = document.createElement('template');
  var documentFragment;

  tpl.innerHTML = '<video src="http://XX" controls playsinline preload="metadata">';
  documentFragment = tpl.content;
  elBox.appendChild(documentFragment);
Comment 1 Ryosuke Niwa 2016-12-05 14:03:41 PST 
I can’t reproduce this on macOS Sierra.
Comment 2 jiangshanyanyuwhn 2016-12-09 01:37:03 PST 
(In reply to comment #1)
> I can’t reproduce this on macOS Sierra.

yes, macOS is ok. It only appears on the IOS