javascript - 编辑视频按钮

标签 javascript html css video

我还需要你的帮助 :D 在我的网站上,我有:

<a href="test1.mp3" target="iframe">test 1</a>
<a href="test2.mp3" target="iframe">test 2</a>
<a href="test3.mp3" target="iframe">test 3</a>

当我点击 url 时,它使用 <video> 在这个 iframe 上打开这首歌标签。 可以编辑视频按钮吗?我的意思是,例如播放/暂停按钮的样式。 我知道这是可能的,但我不知道编辑它的每个元素的 ID :D

有人可以帮助我吗?

非常感谢。

最佳答案

你可以试试这个:

这是原始网站:

http://nunzioweb.com/misc/movies/iframe-embed_example.htm

<!DOCTYPE HTML>
<html>
<head>
<meta name="google" value="notranslate" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Dog Smoking</title>

<style type="text/css">
body {
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
}
</style>

<link href="Dogsmoke_embed.css" rel="stylesheet" type="text/css">
</head>
<body>
<iframe class="tscplayer_inline" name="tsc_player" src="Dogsmoke_player.html" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</body>
</html>

如果这不能像您希望的那样工作,您可以试试这个: play iframe video on click a link javascript

关于javascript - 编辑视频按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25723890/

相关文章:

javascript - 从网站(特别是 Trello.com)获取 JSON 文件

javascript - AngularJS设计模式和从服务器获取数据的最佳实践

html - IE 中的 Css calc() 行为

jquery - 如何使用 jQuery 替换 Div 中的内容

javascript - 根据 D3 中的当前值更改 html 属性

javascript - 单击复选框后未收到复选框事件

javascript - 使用 onclick="location... 代替 href。为什么我应该避免它和替代选项

javascript - html5 数字类型只接受正整数

html - 制作一个折叠和展开的菜单......不起作用

html - 固定在 div 元素上的位置