Question

我正在尝试在我们的Umbraco CMS中构建一个纯css文本链接到视频滑块。

我编写的代码移动很少，因为TinyMCE WYSIWYG将剥离大部分代码。

我所做的是创建一个基本CSS滑块并尝试了许多点击操作，唯一似乎有效的是标准HREF。例如：

 

<!-- YouTube video - there's a few of these 'item*' -->

       <div class="item slide-in" id="item0">
 
          <iframe src="https://www.youtube.com/embed/1Wh8RzcQZr4?feature=oembed" 
              allowfullscreen="" width="410" height="231" frameborder="0"></iframe>
         
       </div>

<!-- End YouTube video -->

<!-- The link to call the video 'item*' -->

        <a href="#item1" class="btn btn-large btn-primary">Cat link one</a>
        <br> <br>
        <a href="#item2" class="btn btn-large btn-primary">Cat link two</a>

<!-- end link video 'item*' -->

问题是它没有选择，但是作为页面锚点工作 - 这真的让我感到烦恼。

除了CMS界面，我无法更新任何其他内容。我有能力在文档的页眉或页脚中添加JS。

Visit the jsfiddle example

我只能将onClick添加到＆lt; a href ... onclick = ...＆gt;，但仍会创建一个页面锚..

任何想法都会非常受欢迎吗？

Answer 1

可以在没有任何JavaScript的情况下将UserDatabase gDb = Room.databaseBuilder(this, UserDatabase.class, "test-db").build(); // throws the exception above的{{1}}切换为<iframe> nchor。执行以下操作：

将src分配给<a>
将name分配给<iframe> target <a>
将name分配给<iframe>，该值是任何有效YouTube视频的网址。

包含后缀为href的网址。

设置链接以混合成一个按钮，因为锚点会刺激你？

由于某些原因，视频无法使用代码段，因此对于实时功能示例，请转到此 PLUNKER

演示

<a>

autoplay=1

一个纯CSS文本链接到视频滑块

1 个答案:

演示