Question

我正在使用具有HTML5视频背景的Wordpress网站。我试图让视频在两个选项之间切换，具体取决于页面 - 例如，如果我有4个页面，页面1,3将显示视频A而2,4将显示视频B.

最简单的方法是什么？我有一点戏，但想不到只使用CSS和每个页面的body_class的方法，我不认为你可以用CSS改变标签中的东西。如果我错了，请纠正我。

我的php和js技能非常有限，但是如果有人能指出我正确的方向，我很高兴有一些工作可以解决问题。

Answer 1

在关闭正文标记之前插入此代码：</body>：

<script>

    var video = document.getElementsByTagName('video')[0]

    switch ( document.body.className ) {

        case 1 : video.src = 'a.mp4'; break;
        case 2 : video.src = 'b.mp4'; break;
        case 3 : video.src = 'a.mp4'; break;
        case 4 : video.src = 'b.mp4'; break;

    }

</script>

因此，如果body具有属性类，并且它的值为1或3，则将显示视频a，类似于此。

切换基于body_class的HTML5视频源

1 个答案: