Question

我正在SAP SuccessFactors RMK CSB站点中使用自定义组件。这没什么，只是像一个职业网站创建工具，该工具提供了使用HTML / CSS代码添加自定义组件的选项。

因此，我在此处添加自定义代码以将视频嵌入网页中。组件宽度为1200 px，我使用的是我从其他工作实现中引用的以下代码，但结果是视频区域变为空白，并且视频无法渲染。请检查并提出建议。

<style>
body {
    max-width: 100%;
    overflow-x: hidden;
}
video {
  height: 100%;
  width: 100%; 
}
h1 a {
color:rgb(240,171,0)!important;
</style>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css'>
<section style="width:120%;margin:0px -10% -7px -10%;overflow-x: hidden;">
  <video loop preload autoplay>
    <source id="source_polar_mp4" src="https://streamable.com/s/iplst/olpliv?" type="video/mp4;codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
  </video>

</section>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js'></script>
<script>
$(document).ready(function() {
    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
        type: 'iframe',
        mainClass: 'mfp-fade',
        preloader: true,
    });
});
</script>

将视频嵌入RMK自定义组件

0 个答案: