标签: html-object

OBJECT与IFRAME视频嵌入

已经有人问过OBJECT或IFRAME是否应该用于视频嵌入......

我应该使用<object>或<iframe>来加载视频吗？

但我的问题更进了一步.如果专门嵌入YouTube视频,使用OBJECT方法是否有任何优势,除了上述帖子中已经提到的那些？

请记住,如果观众无法使用Flash,IFRAME将回退到HTML5,为什么还有人想再使用OBJECT方法呢？

大卫.

iframe youtube-api html-object

Art*_*eek

2017 05-23

8
推荐指数

1
解决办法

6099
查看次数

使用javascript连接html对象数组

我正在尝试合并两个由html对象组成的数组.出于某种原因,使用.concat()对我不起作用.

这是一个简单的笔来演示这个问题:http://codepen.io/anon/pen/kIeyB

注意:我尝试搜索远程类似的东西但发现没有回答我的问题.

我认为你可以使用for循环来做这个方式,但我宁愿不重新发明轮子.

var x = document.getElementById("hello");
var items = x.getElementsByClassName("one");
//alert(items.length);
var items2 = x.getElementsByClassName("two");
//alert(items2.length);
items = items.concat(items2);
//alert(items.length);

Run Code Online (Sandbox Code Playgroud)

javascript arrays html-object

use*_*546

2014 06-10

8
推荐指数

2
解决办法

5420
查看次数

如何向对象添加替代文本？

如果我有这样的对象:

 <p><object classid="…" height="…" width="…"><param name="…"value="…"/>
 <param name="…" value="…" /><param name="…" value="…" />
 <object data="…" height="…" type="…"><param name="…" value="…" />
 <param name="…" value="…" /></object></object></p>

Run Code Online (Sandbox Code Playgroud)

我在哪里放置alt标签,以便用户看到文字？在这段代码中显示的对象是一个视频,我在网上寻找解决方案,但我似乎找不到明确的答案.(三个点只是替换代码)

html alt html-object

Kar*_*ren

2015 01-11

8
推荐指数

2
解决办法

4108
查看次数

设置样式位置时,Chrome对象标签会多次加载:绝对

在加载HTML对象时,在排序Chrome中处理加载事件的正确方法时遇到一些麻烦.

我使用HTML对象控件加载到一个基于Web的仪表板和负载事件看起来Chrome浏览器被打破,因为我得到的负载事件的重复发射,但只有当我在负载情况下设置的样式的对象定位:绝对.不幸的是,对于我的应用程序,这是一个关键功能,因为我需要使用javascript将小部件放置在特定的屏幕位置.

下面的小提琴将使Chrome处于无限循环中,而在其他浏览器中仅触发一次(尽管在我的应用程序中,Chrome会激活加载事件两次然后停止).

HTML

<div id="container"></div>
<br/><br/><br/><br/>
<div id="xx">Not Fired..."</div>

Run Code Online (Sandbox Code Playgroud)

JavaScript的:

    var cnt = 0;
    (function loadWidget() {
        var widgetObj = document.createElement("object");
        widgetObj.data = ("http://13.75.145.9/widgets/dial.html")                                  // location of widget
        var tt = document.getElementById("container");
        tt.appendChild(widgetObj);
        widgetObj.addEventListener("load", widgetLoaded, false);
    })();

    function widgetLoaded(e) {
        cnt = cnt + 1;
        document.getElementById("xx").innerText = "fired x" + cnt;
    //any manipulation of style is OK, its only the position: absolute that causes re-firing
        e.currentTarget.style = "cursor: move; text-decoration: overline";
        e.currentTarget.style.setProperty("position", "relative");
    // Uncomment out the line below …

Run Code Online (Sandbox Code Playgroud)

javascript google-chrome dom-events html-object

dea*_*dob

2018 12-09

8
推荐指数

1
解决办法

244
查看次数

<div>元素不是Safari Windows中的顶层

我有<div>元素显示弹出消息.我已经设置z-index:1000并添加,<iframe>但div元素仍未显示在Safari浏览器中的直播视频(嵌入插件)之上.我使用Chrome和Firefox,两者都有效,但它在Safari Windows中无法运行.

这是我在小提琴中的代码.

<BODY style="background:transparent">
<div style="position:relative; z-index:0;">
    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="240" height="180">
        <param name="wmode" value="transparent"></param>
        <embed height="180" width="240" align="left" src="xxxx.avi" autoplay="false" controller="true" wmode="transparent"></embed> 
    </object>

    <object>
        <param name="wmode" value="transparent"></param>
        <param name="movie" value="http://www.youtube.com/v/Q5im0Ssyyus?fs=1&amp;hl=en_US"></param>
        <param name="allowFullScreen" value="true"></param>
        <param name="allowscriptaccess" value="always"></param>
        <embed src="http://www.youtube.com/v/Q5im0Ssyyus?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="240" height="180"></embed>
    </object>
</div>  

<div id="draggable">
    <div class="drag">
        <p>Drag me around!! Drag me around!!</p>
        <p>Drag me around!! Drag me around!!</p>
        <p>Drag me around!! Drag me around!!</p>
    </div>
    <iframe class="frame"></iframe>
</div> …

Run Code Online (Sandbox Code Playgroud)

html safari z-index always-on-top html-object

use*_*926

2013 05-02

6
推荐指数

1
解决办法

1454
查看次数

如何更改 base64 应用程序/pdf 文件名？

我调用的 API 返回一个类似“JVBERi0xL....(more)”的字符串

我将结果值设置为变量pdfFile，例如

var file = "data:application/pdf;base64,"+res.data.result;
// here res.data.result = 'JVBERi0xL....(more)'
this.pdfFile = file;

Run Code Online (Sandbox Code Playgroud)

我的 Html 代码是

<object :data="pdfFile" name='test' type="application/pdf"  width="100%" height="800px"></object>

Run Code Online (Sandbox Code Playgroud)

像这样，我可以在浏览器上显示pdf，但无法更改pdf文件的名称。

帮助： 我需要更改标有红色的名称。

添加了更大的图像： 上一张图像的放大版本

javascript pdf base64 html-object

nis*_*han

2019 02-26

5
推荐指数

1
解决办法

5030
查看次数

如何访问对象标记中加载的HTML元素？

例如：使用jQuery获取文本输入值 $('#username').val();

我已经从这个问题尝试过

这是我的代码

<div id="siteloader"></div>

$(window).load(function(){
    $("#siteloader").html('<object data="http://testk.shopnix.org/admin" />');
    setTimeout(function() {
      console.log($("#lemail_id"));
      $("#lemail_id").val("lemail_id");
      console.log($("#lemail_id").val());
    }, 10000)

})

Run Code Online (Sandbox Code Playgroud)

JS在这里摆弄

html javascript jquery html-object

Kir*_*ddy

2017 05-23

3
推荐指数

1
解决办法

803
查看次数

在 VueJS 中渲染 [object HTMLTableElement]

对于那些尝试过jsdifflib 的人来说，知道这个插件返回一个HTMLTableElement。现在我想尝试在我的 VueJS 组件上呈现/显示它。

我尝试了以下方法：

模板

<div class="diff-container" v-html="dynamicHtmlContent" ref="auditContainer"></div>

Run Code Online (Sandbox Code Playgroud)

成分

export default {
    name: 'AuditView',
    data() {
      return {
        dynamicHtmlContent: null
      }
    },
    created() {
      // code logic here and there
      this.processDataDiff(results, 0);
    },
    methods: {
      processDataDiff: function (data, index) {
        // code logic here and there
        this.displayDiff(
          JSON.stringify(object1, null, 4).replace(/\\n/g, '\n'),
          JSON.stringify(object2, null, 4).replace(/\\n/g, '\n'),
          versionId1,
          versionId2
        );
      },
      displayDiff: function (baseDoc, newDoc, baseVersion, newVersion) {
        this.dynamicHtmlContent = auditService.getDiff(baseDoc, newDoc, baseVersion, newVersion);
      }
    } …

Run Code Online (Sandbox Code Playgroud)

javascript html-object vuejs2

The*_*man

lucky-day

1
推荐指数

1
解决办法

2028
查看次数

Youtube嵌入的视频无法在我的所有浏览器中运行:FireFox,IE和Chrome

我正试图在我的网页中嵌入一个视频,其中有一个隐藏/显示div功能,隐藏/显示div工作,但嵌入的视频没有,在Firefox中点击显示包含YouTube的div的文本视频它只是显示一个黑色的补丁(我认为这是因为这是我背景的颜色)但是如果我在Chrome中启动它会显示一个白色的盒子,说无法找到网页,IE说它无法找到网页同样.

我直接从YouTube视频中复制了嵌入代码,它来自共享按钮,它使用'<iframe>'标签而不是'<object>'标签,我不确定这是否与它有关.

这是我希望嵌入的视频的嵌入代码:

<iframe width="640" height="360" src="//www.youtube.com/embed/1qNQHv6jdyY?rel=0" frameborder="0" allowfullscreen></iframe>

Run Code Online (Sandbox Code Playgroud)

到目前为止这是我的网页(尚未完成):

<!DOCTYPE HTML>

<HTML>
<HEAD>
<TITLE>Index</TITLE>

<link rel="stylesheet" type="text/css" href="DubWin By Chris Mckee-Rogers.css">

<SCRIPT type="text/javascript">
function toggleShowHide(elementId) {
var element = document.getElementById(elementId);
if (element) {
    if (element.style.display == "none")
        element.style.display = "inline";
    else
        element.style.display = "none";
}
}
</SCRIPT>

</HEAD>
<BODY>

<div class="Container">
<img src="images/logo.png" alt="Logo">
<div class="Menu">
<a href="Index.html">Home</a> | <a href="artist-info.html">Artists Information</a> | <a href="songs-and-mixes.html">Songs And Mixes<a> | <a href="forms.html">Forms<a>
</div>

<DIV class="Con-text">
<h1 style="text-align: …

Run Code Online (Sandbox Code Playgroud)

html embed youtube iframe html-object

作者

2016 12-18

0
推荐指数

1
解决办法

1万
查看次数