javascript - 动态添加的控件属性显示为控件 =""而不是控件

Question

我正在为网站创建一个 Instagram 视频提取器，并希望将控件添加为默认值，但当我添加控件属性时，它显示错误。

这就是我现在所拥有的。

if( photo.type == 'video' ){
instagramPhoto = '<div class="instagram-photo '+ photo.type +'">';
instagramPhoto +=   '<video width="615" height="618" poster="'+ photo.images.low_resolution.url +'">';
instagramPhoto +=   '  <source src="'+ videoURL +'"controls>';
instagramPhoto +=   '</video>';
instagramPhoto += '</div>';

字符串显示如下

<video width="615" height="618" controls=" ">

而不是

<video width="615" height="618" controls>

有什么想法吗？

Answer 1

不同浏览器显示属性的方式不同

在这里您进行了属性控制

没有分配任何值，因此某些浏览器会使用默认值进行初始化，如 mozilla 中由 controls="" 分配的默认值，而有些浏览器则不像 ie 中那样或其他人通过控件分配

所以这是一个很好的使用属性，具有一定的值(value)，并根据您的要求在代码中使用