Question

我有一个html5视频元素，我想在页面加载时播放。每次播放视频后，我想为不同的内容添加更多代码。

由于某些原因， .trigger（“ play”）使视频播放两次。如果我暂停它，然后从html控件中再次播放，它将播放一次。我不明白为什么初始触发器会使视频播放两次。我只需要运行一次即可。

html：

<video width="320" height="240" controls >
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
      Your browser does not support the video tag.
</video>

jquery：

    var triggerCount = 0;
    $("video").on("play", function () {
    console.log(++triggerCount);
//do more stuff here
    })

    $("video").trigger("play");

代码示例：jsFiddle

Answer 1

您不应手动触发这些本机事件。只需使用：

import pandas as pd
abc = pd.read_pickle('data_abc.pkl')
abc['failure_date'] = abc['failure'].replace(1, abc['date'])

或所有视频

$("video")[0].play()

或具有自动播放属性的更好

$("video").each((i,el) => el.play());

请注意，某些浏览器可能会在没有用户交互的情况下阻止自动播放。

为什么jquery video.trigger（“ play”）触发两次？

1 个答案: