插件和录像带的HTML显示 [英] HTML display of Plugin and videotag

问题描述

我正面临着一个奇怪的问题与html display.I有一个html页面，同时具有插件对象和视频标签。两者都置于同一地区。插件面积为970x560，视频面积为320x240像素。该插件渲染的图像中有一个矩形孔，用于观看视频（即，部分渲染的图像具有透明像素（alpha opaque = 0），仅用于显示视频）。

现在在chrome中启动这个html应用程序，我只能看到视频的第一帧，而不能看到插件呈现的图像。但是为了交叉检查图像是否被渲染，我倾倒了图像，它们确实存在，并且当我改变插件的背景风格属性（如背景色）时，我只能看到图像和背景图像中的背景剪切图像的一部分。

我发布了下面的html。视频链接也发布了，图片发布了
视频链接 http：// www。 w3schools.com/tags/movie.mp4 （ http：// www .w3schools.com / tags / tryit.asp？filename = tryhtml5_video ）
图片网址

！[带透明像素的插件渲染图像] [ 1]

[1]： http：//i.stack.imgur。 com / 3yLDB.png

HTML代码

  < HTML> 
< head> 
 PROXY PLUGIN 
< / head> 
< script> 
函数pluginLoaded（）{
 console.log（Plugin loaded！）; 
 alert（Plugin loaded！）; 
} 
 var myVideo = document.getElementById（testVideo）; 
函数plugin0（）
 {
 return document.getElementById（'proxyplugin'）; 
} 
 plugin = plugin0; 
 
< / script> 
< body bgcolor =＃000000> 
< style type =text / css> 
 .myClass {color：white;文字装饰：粗体;位置：绝对;左：60px;顶部：170像素;宽度：320像素;高度：240像素; } 
< / style> 
 
< div style =position：absolute; top：120px; left：60px;> 
 
< video id =testVideowidth =320height =240controls> 
< source src =movie.mp4type =video / mp4> 
< source src =movie.oggtype =video / ogg> 
您的浏览器不支持视频标签。 
< / video> 
 
< / div>